ITコース JavaScript基礎 039_型変換

型変換は、あるデータ型を別のデータ型に変換するプロセスです。型変換は暗黙的（JavaScriptエンジンによって自動的に行われる）または明示的（コーディングによって手動で変換する）にできます。

暗黙的型変換（型強制）

一部の操作では、JavaScriptは演算や比較を行うために自動的に型変換を行います。

例：

1
let num = 5 + "5";
2
console.log(num);  // 出力 "55"、数値と文字列を加算すると、数値が文字列に変換される

明示的型変換

文字列変換

String() 関数：他の型を文字列に変換します。

例：

1
let num = 123;
2
let str1 = String(num);  // String() 関数、`null` や `undefined` を処理できる
3
let str2 = num.toString(); // toString() メソッド、`null` や `undefined` を処理できない
4
let str3 = num + ""; // 空文字列を加算することで、暗黙的型変換による文字列を取得
5
console.log(str1);  // 出力 "123"
6
console.log(str2);  // 出力 "123"
7
console.log(str3);  // 出力 "123"

数値変換

Number() 関数：他の型を数値に変換します。

例：

1
let str1 = "123";
2
let str2 = "";
3
let str3 = "aaa";
4
let num1 = Number(str1);
5
let num2 = Number(str2);
6
let num3 = Number(str3);
7
let num4 = +str1;
8
console.log(num1);  // 出力 123
9
console.log(num2);  // 出力 0
10
console.log(num3);  // 出力 NaN
11
console.log(num3);  // 出力 123、-記号を使用すると、-123を出力

注意：文字列が有効な数値として解析できない場合、結果は NaN（Not a Number）になります。

parseInt() と parseFloat() 関数：文字列を整数または浮動小数点数に変換します。

例：

1
let str = "42";
2
let num = parseInt(str);
3
console.log(num);  // 出力 42
4

5
let str = "3.14";
6
let num = parseFloat(str);
7
console.log(num);  // 出力 3.14

ブール値変換

Boolean() 関数：他の型をブール値に変換します。

例：

1
let value = "Hello";
2
let bool1 = Boolean(value);
3
let bool2 = !value;
4
console.log(bool1);  // 出力 true、空でない文字列は true に変換される
5
console.log(bool2);  // 出力 true、論理否定を使用して非ブール値を暗黙的に変換（! 値は false、!! を使用して正を取得）

注意：0、NaN、null、undefined、空文字列など（空の、存在しない、false の）は false に変換され、その他の値やオブジェクトは true に変換されます。

暗黙的型変換（型強制）

明示的型変換

文字列変換

数値変換

ブール値変換

コメント