JavaScriptのデータ型の例 共有_基礎知識

先ほど JavaScript のデータ型を紹介しましたが、今日はいくつかの例を通してそれを復習します。皆さんが新しいことを学べることを願っています。

コードをコピー コードは次のとおりです:

<スクリプトタイプ="text/javascript">
//1. ブール型
//2. 数値型
//3. 文字列型
//ブール型は基本型と混同されやすいため、ブール オブジェクトは決して使用しないことをお勧めします。
//Number は数値に対応する参照型です
var numberObj = 新しい数値(10);
//toString メソッドを書き換えます。渡されるパラメータは、10 進数を戻すように指示する文字列型です
var num = 10;
alert(num.toString());//"10"
alert(num.toString(2));//"1010"
alert(num.toString(8));//"12"
alert(num.toString(10));//"10"
alert(num.toString(16));//"a"
// toFixed() メソッドは、小数点以下の桁数を指定した値を返す文字列表現メソッドであり、丸め関数を持っています
var num = 10;
num.toFixed(2);//"10.00"
//toExponential() 指数表記メソッド。出力結果の小数点以下の桁数を示すパラメータを受け取ります
var num = 10;
alert(num.toExponential(1));//"1.0e 1"
//ただし、このような小さな数値に指数表記を使用する必要はありません。特定の値に最適な形式を取得したい場合は、
を使用する必要があります。 //Precision() メソッドに対して、このメソッドは固定サイズ (固定) 形式または指数 (指数) 形式を返す可能性があります
//値の全桁（指数部を除く）の桁数を表すパラメータを受け取ります。
var num = 99;
alert(num.toPrecision(1));//1e 2, 1e 2 は 100 を表します。指数は 99 を表すことができないため、100 に切り上げられます
alert(num.toPrecision(2));//"99"
alert(num.toPrecision(3));//"99.0"
//String オブジェクト、String オブジェクトのメソッドにはすべての基本文字列でもアクセスできます。
//1. 文字操作メソッド: charAt()、charCodeAt()。各パラメータは、位置 0 に基づいて文字位置
を受け入れます。 var stringValue = "Hello world!";
stringValue.charAt(1);//「e」の 2 番目の位置は「e」です
StringValue.charCodeAt(1);//"101" 2番目の位置「e」の文字コードは「101」です
//2. 文字列操作メソッド concat (連結文字)、slice (インデックス、インデックス)、substring (インデックス、インデックス)、substr (インデックス、長さ)。 Index: 位置、length: 長さ
var str1 = "こんにちは";
alert(str1.concat(" word"));//Hello world
alert(str1.concat(" word", "!"));//Hello world!
var stringValue = "Hello world!";
alert(stringValue.slice(3));//世界
alert(stringValue.substring(3));//世界
alert(stringValue.substr(3));//世界
alert(stringValue.slice(3, 7));//ロー
alert(stringValue.substring(3, 7));//ロー
alert(stringValue.substr(3, 7));//lo worl この 7 はインターセプトされた長さを表します
//3. 文字列位置メソッドindexOf()とlastIndexOf()
//これら 2 つのメソッドは、指定された文字列から指定された文字列を検索し、文字列の位置を返します。見つからない場合は、-1 を返します。
//これら 2 つのメソッドの違いは、一方は文字列の先頭から後方に文字列を検索するのに対し、lastIndexOf は文字列の末尾から前方に文字列を検索することです。
//どちらのメソッドにもオプションのパラメータがあります（指定された位置から検索を開始します）
var stringValue = "こんにちは";
alert(stringValue.indexOf("o"));//4
alert(stringValue.lastIndexOf("o"));//7
//ループ内でindexOfまたはlastIndexOfを呼び出して、指定された文字列
を検索できます var stringValue = "ウォ・デ・ウェイ・ライ・ブ・シ・メン!ウォ・メン・ユー・ゲン・ハオ・デ・ミンティアン!";
var 位置 = [];
var pos = stringValue.indexOf("e");
while (pos > -1) {
Positions.push(pos);
pos = stringValue.indexOf("e", pos 1);
}
アラート(位置);//4、7、22、33、38、47
//4.rim() メソッドは文字列のコピーを作成し、先頭と末尾のスペースをすべて削除します。
var stringValue=" こんにちは言葉 ";
アラート(文字列値);
alert(stringValue.trim());
//5. 文字列の大文字と小文字の変換メソッド
//toLowerCase、toLocalLowerCase、toUpperCase、toLocalUpperCase
var stringValue="こんにちは言葉";
alert(stringValue.toLocaleUpperCase());//この方法の方が安全です
alert(stringValue.toUpperCase());
alert(stringValue.toLocaleLowerCase());//この方法の方が安全です
alert(stringValue.toLowerCase());
//6. 文字列マッチングメソッド replace()
//このメソッドは 2 つのパラメータを受け入れます。最初のパラメータは正規表現または文字列で、2 番目のパラメータは文字列または関数です。
var text="猫、コウモリ、土、脂肪";
var result=text.replace("at","ond");//
alert(result);//"cond,bond,sond,fond"
var result=text.replace(/at/g,"ond");//
alert(result);//"cond,bond,sond,fond"
var text="猫、コウモリ、土、脂肪";
result=text.replace(/(.at)/g,"単語 ($1)");
アラート(結果);
// replace の 2 番目のパラメータは関数にすることもできます
function htmlEscape(text) {
//関数には 3 つのパラメータがあります: 1. パターン マッチング項目 2. 文字内のパターン マッチング項目の位置 3. 元の文字列
return text.replace(/[<>"&]/g,function(match,index,text){
スイッチ (一致){
case "<":
return "<";
ケース ">":
return ">";
ケース "&":
return "&";
ケース """:
return """;
}
});
}
alert(htmlEscape("

Hello World!

"));
//

Hello World!

//localCompare() は 2 つの文字列を比較します。 A.localCompare("B")
//文字列 (A) がアルファベットの文字列パラメータ (B) より前にある場合、負の数 (-1) を返します
//文字列が文字列パラメータと等しい場合、0
を返します //文字列 (A) がアルファベットの文字列パラメータ (B) より後ろにある場合は、正の数 (1) を返します
var stringValue="f";
alert(stringValue.localeCompare("d"));//1
alert(stringValue.localeCompare("f"));//0
alert(stringValue.localeCompare("z"));//-1
//fromCharCode この静的メソッドは、charCodeAt
と逆の操作を実行します。 alert(String.fromCharCode(104,101,108,108,111));//"こんにちは"
//7. html メソッドは使用しないことをお勧めします。

終了

JavaScript のデータ型について新たに理解できたでしょうか。気に入っていただければ幸いです。