JavaScript 初心者向けチュートリアルの型変換

フロントエンド テクノロジの発展に伴い、JavaScript はますます多くの開発者にとって選択される言語になりました。 JavaScript では、型変換は非常に重要なリソースです。値をある型から別の型に変換する場合、JavaScript の型変換メカニズムを理解することが非常に重要になります。この記事では、JavaScript の型変換について詳しく説明します。

基本データ型

JavaScript には、数値、文字列、ブール値、未定義、ヌル、bigint、シンボルの 7 つの基本データ型があります。一部のデータ型はブール値の true または false に変換できます。値が true に変換できる場合は「truthy」、値が false に変換できる場合は「falsy」と呼ばれます。

数値をブール型に変換すると、0 以外の数値は true とみなされ、0 は false とみなされます。

例:

console.log(Boolean(3)); //true console.log(Boolean(-1)); //true console.log(Boolean(0)); //false

文字列はブール型に変換することもできます。空でない文字列は true として扱われ、空の文字列は false として扱われます。

例:

console.log(Boolean("hello")); //true console.log(Boolean(" ")); //true console.log(Boolean("")); //false

未定義と null の両方を false に変換できます。

console.log(Boolean(undefined)); //false console.log(Boolean(null)); //false

数値型と文字列型の変換

ここで、JavaScript における数値型と文字列型の間の型変換を詳しく見てみましょう。 Number() 関数を使用して文字列を数値型に変換できます。

例:

console.log(Number("3")); //3 console.log(Number("3.14")); //3.14 console.log(Number("-19.2")); //-19.2 console.log(Number("123e5")); //12300000

String() 関数を使用して数値を文字列型に変換できます。

例:

console.log(String(3)); //"3" console.log(String(3.14)); //"3.14" console.log(String(-2.1)); //"-2.1"

ただし、数値や文字列を算術演算に使用する場合、型変換の作業は少し複雑になります。数値と文字列を追加すると、文字列は自動的に数値に変換されます。

例:

console.log(1 + "2"); //"12" console.log(2 + "3" + 4); //"234" console.log(5 * "2"); //10 console.log(4 / "2"); //2

数値や文字列に対してより複雑な操作を実行する場合は、parseInt() 関数と parseFloat() 関数を使用する必要があります。これらの関数は文字列を数値型に変換しますが、これらの関数には異なる制限があります。 parseInt() 関数は文字列を整数に変換します。 parseFloat() 関数は、文字列を浮動小数点数に変換します。

例:

console.log(parseInt("3.14")); //3 console.log(parseFloat("3.14")); //3.14 console.log(parseInt("45 years old")); //45

型変換に関する注意事項

型変換を実行するときは、不要なエラーを避けるために、現実の状況との整合性に注意を払う必要があります。型変換を行う際に注意すべき追加の詳細を次に示します。

まず、NaN (Not a Number) は無効な値を示します。無効な文字列を数値に変換しようとすると、結果は NaN になります。

例:

console.log(Number("hello")); //NaN

また、文字列を数値に変換する場合、文字列を数値に変換できない場合、結果は NaN になります。

例:

console.log(Number("555-1212")); //NaN

また、オブジェクトを数値型に変換するときは、オブジェクトの valueOf() メソッドまたは toString() メソッドを考慮する必要があることに注意してください。

例:

let myObject = { valueOf: function() {return -10;} } console.log(Number(myObject)); //-10

概要

JavaScript では、型変換は非常に重要なスキルです。 JavaScript の型変換メカニズムを深く理解して調べることで、JavaScript コードをより深く理解し、不要なエラーを回避できます。実際には、不安定なコードを作成しないように、現実の状況との一貫性を保つように注意する必要があります。

以上がJavaScript 初心者向けチュートリアルの型変換の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。