Menu
Coddy logo textTech

型変換 - パート1

CoddyのJavaScriptジャーニー「基礎」セクションの一部 — レッスン 30/77。

JavaScriptにおける異なるデータ型の間で変換を行うには、型変換を使用する必要があります。

JavaScriptは暗黙的および明示的な型変換の両方をサポートしています。最も一般的な明示的な変換メソッドのパート1に焦点を当てましょう:

parseInt と parseFloat

// parseInt と parseFloat を使用した文字列から数値への変換
let str = "42";
let num1 = parseInt(str);    // 整数に変換
let num2 = parseFloat("42.5");  // 浮動小数点数に変換

console.log(num1);  // 出力: 42
console.log(num2);  // 出力: 42.5

文字列に無効な数値が含まれている場合、これらの関数は異なる動作をします:

console.log(parseInt("5ab"));   // 出力: 5 (無効な文字が現れるまで解析します)
console.log(parseFloat("5.2xyz")); // 出力: 5.2 (無効な文字が現れるまで解析します)

適切な型を使用することは、出力に影響を与える可能性があるため重要です。

2つの文字列を結合する場合: "5" + "5" == "55"

2つの数値を加算する場合: 5 + 5 == 10

型変換を理解することは、信頼性の高いJavaScriptコードを記述し、プログラムで予期しない結果を避けるために不可欠です。

challenge icon

チャレンジ

初心者

2つの文字列 var1var2 が与えられます。

これらを float 型にキャストし、その2つの 乗算 結果を出力してください。

チートシート

JavaScriptは、parseInt()parseFloat()を使用した明示的な型変換をサポートしています:

let str = "42";
let num1 = parseInt(str);        // 整数に変換: 42
let num2 = parseFloat("42.5");   // 浮動小数点数に変換: 42.5

これらの関数は、無効な文字に遭遇するまで解析を行います:

parseInt("5ab");      // 戻り値: 5
parseFloat("5.2xyz"); // 戻り値: 5.2

データ型によって動作が異なるため、型変換は重要です:

  • 文字列の結合: "5" + "5" == "55"
  • 数値の加算: 5 + 5 == 10

自分で試してみよう

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

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

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

基礎のすべてのレッスン