型変換 - パート1
CoddyのJavaScriptジャーニー「基礎」セクションの一部。レッスン 30/77。
JavaScriptで異なるデータ型の間で変換するには、型変換を使う必要があります。
JavaScriptは暗黙的な型変換と明示的な型変換の両方をサポートしています。最も一般的な明示的変換方法のパート1に注目しましょう。
parseIntとparseFloat
// parseIntとparseFloatを使ったStringからNumberへの変換
let str = "42";
let num1 = parseInt(str); // 整数に変換
let num2 = parseFloat("42.5"); // 浮動小数点数に変換
console.log(num1); // 出力: 42
console.log(num2); // 出力: 42.5どちらの関数も文字列の先頭から数値を読み取り、数値の一部ではない最初の文字で停止します。文字列が数値で始まらない場合、NaN(数値ではない値)を返します。
console.log(parseInt("5ab")); // 出力: 5(無効な文字の手前まで解析する)
console.log(parseFloat("5.2xyz")); // 出力: 5.2(無効な文字の手前まで解析する)
console.log(parseFloat("abc123")); // 出力: NaN(先頭に数値がない)ユーザー入力に由来する値(inp[0] など)は常に文字列なので、計算する前にparseIntまたはparseFloatで変換しましょう。そうしないと、+は加算する代わりに文字列として連結します。
適切な型を使うことが重要です。出力に影響する可能性があるためです。
2つの文字列を連結する:
"5" + "5" == "55"2つの数値を加算する:
5 + 5 == 10
型変換を理解することは、信頼性の高い JavaScript コードを書き、プログラムで予期しない結果を避けるために不可欠です。
チャレンジ
初心者2つの文字列 var1 と var2 が与えられます。
それらをfloatに変換し、2つの積を出力してください。
自分で試してみよう
let var1 = inp[0] // この行は変更しないでください
let var2 = inp[1] // この行は変更しないでください
// 以下にコードを書いてくださいこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
基礎のすべてのレッスン
自分で練習してみよう: JavaScriptオンラインコンパイラ