【JavaScript】キャスト(型変換) - 文字列型を数値型に変換する

【JavaScript】キャスト(型変換) - 文字列型を数値型に変換する

JavaScriptのキャスト(型変換)をご紹介します。

キャスト

キャストは型変換とも呼ばれ、名前の通り『型を変換すること』です。
例えば、文字列型の数字を数値型に変換したり、逆に数値を文字列に変換するなどです。

文字列型 → 数値型

文字列型を数値型に変換することができます。

基本構文

Number(変数または値)

丸括弧内()に記述した変数または値を数値型に変換します。

なお、Numberは数値のラッパーオブジェクトです。
ラッパーオブジェクトが未学習の方はここでは基本構文のみ覚えておきましょう。

サンプル

let moji =  "1234";
let num = Number(moji);

console.log("moji (type)  : " + typeof(moji));
console.log("moji (value) : " + moji);

console.log("num  (type)  : " + typeof(num));
console.log("num  (value) : " + num);
moji (type)  : string
moji (value) : 1234
num  (type)  : number
num  (value) : 1234

数値型 → 文字列型

数値型を文字列型に変換することができます。

基本構文

String(変数または値)

丸括弧内()に記述した変数または値を文字列型に変換します。

なお、Stringは文字列のラッパーオブジェクトです。
ラッパーオブジェクトが未学習の方はここでは基本構文のみ覚えておきましょう。

サンプル

let num = 1234;
let moji =  String(num);

console.log("num  (type)  : " + typeof(num));
console.log("num  (value) : " + num);

console.log("moji (type)  : " + typeof(moji));
console.log("moji (value) : " + moji);
num  (type)  : number
num  (value) : 1234
moji (type)  : string
moji (value) : 1234