20.12.04-10日

🐹Events

イベント:Webブラウザでマウスまたはキーボードを使用する動作

Webブラウザのロードが完了した場合

マウスクリックページ

Webページの入力フォームをキーボードで入力
目的:JavaScriptコードを呼び出す(実行する)目的

🐾HTML DOM Events
HTML DOM Events-アクティブリスト

🐹Strings

テキストの格納および操作に使用します.

引用符内の0文字以上.

一重引用符または二重引用符を使用できます.

🐾Escape Charater
文字列は引用符で囲まなければならないので、JavaScriptは文字列を誤解します.
ex)

var x = "We are the so-called "Vikings" from the north.";

この問題を解決するには、スラッシュescape characterを使用します.

ex) ( \' )var x = 'It\'s alright.';ex) ( \" )var x = "We are the so-called \"Vikings\" from the north.";ex) ( \\ )var x = "The character \\ is called backslash.";🐾String Length
文字列の長さを返します
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
結果:26
🐾indexOf()文字列で文字列を検索
ex)
var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");
document.getElementById("demo").innerHTML = pos;
結果:7

JavaScriptゼロから位置を計算
0は文字列の最初の位置、1は2番目の位置、2は3番目の位置...

🐾lastIndexOf()
前のオカレンスインデックスを返す
ex)
var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");
document.getElementById("demo").innerHTML = pos;
結果:21
indexOf()とlastIndexOf()の両方でテキストが見つからない場合は、-1を返します.
ex)
var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("John");
結果:-1

🐾文字列部分抽出{{もじれつ:ぶんちゅうしゅつ}}

slice(start, end)

substring(start, end)

substr(start, end)

👉slice()
部分文字列を抽出し、抽出部分を新しい文字列に戻す
ex)
var str = "Apple, Banana, Kiwi";
var res = str.slice(7, 13);
結果:Banna

パラメータが負の場合、位置は文字列の末尾から計算されます.

2番目のパラメータを省略すると、残りの文字列が切り取られます.

👉substring()

sliceに類似

負数インデックスは使用不可という違いがあります.

👉substr()

sliceに類似

2番目のパラメータ抽出部の長さを指定する点で区別する.

🐾replace()

指定した値を文字列の他の値に変換します.
str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3Schools");
結果:Please visit W 3 Schools!

基本的には最初の一致項目のみが変更されます.
str = "Please visit Microsoft and Microsoft!";
var n = str.replace("Microsoft", "W3Schools");
結果:Please visit W 3 Schools and Microsoft!

大文字と小文字を区別する.

大文字と小文字を区別したくない場合は/iを使用します.
str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3Schools");

すべての一致を/gで置き換えます.
str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3Schools");

🐹Numbers

🐾せいど
整数は最大15ビットまで正確です.
🐾NaN-は数字ではありません
ex)var x = 100/"Apple";
結果:NaN
🐾isNaN(変数)
変数値がNANであるかどうかを確認するコマンドです.
🐾toString()
数値を文字列に戻す
ex)var x = 123;
x.toString();             //returns 123 from variable x
(123).toString();        //returns 123 from literal 123
(100 + 23).toString();//returns 123 from expression 100 + 23
結果:
123
123
123
Number methods数字の詳細.

🐹リファレンス

javascript詳細