Menu
CoddyTech

型変換 - パート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 コードを書き、プログラムで予期しない結果を避けるために不可欠です。

challenge icon

チャレンジ

初心者

2つの文字列 var1 と var2 が与えられます。

それらをfloatに変換し、2つの積を出力してください。

自分で試してみよう

let var1 = inp[0] // この行は変更しないでください
let var2 = inp[1] // この行は変更しないでください

// 以下にコードを書いてください
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

基礎のすべてのレッスン

自分で練習してみよう: JavaScriptオンラインコンパイラ