JavaScript 文字列と数値の変換(parseInt/Number/String/+演算子)

JavaScriptの文字列と数値の変換のサンプルです。

parseInt関数

parseInt(文字列, 基数);

文字列を数値にして返します。
1つめの引数は数値に変換したい文字列を指定します。
2つめの引数は、基数を指定します。10を指定すると10進数、16を指定すると16進数での変換になります。意図しない動作を防ぐため指定した方がいいです。
以下は、MDNのparseIntのリンクです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/parseInt

parseInt関数で文字列を数値に変換するサンプルです。

<script>

const a = "0100";

console.log(parseInt(a,10)); //100

console.log(parseInt(a,8)); //64

console.log(parseInt(a,16)); //256

</script>

5行目は、3行目の文字列を10進数で数値に変換しています。
7行目は、8進数で数値に変換しています。
9行目は、16進数で数値に変換しています。

parseIntを使用時に対象に数値と文字が入っていた場合のサンプルです。

<script>

const a = "010あ";

console.log(parseInt(a,10)); //10

</script>

文字列の前までを数値として変換します。
エラーにならないので注意が必要です。

parseIntを使用時に対象がすべて文字の場合のサンプルです。

<script>

const a = "あいう";

console.log(parseInt(a,10)); //NaN

</script>

NaNになります。NaNとは非数値です。(Not a Number)

Numberで文字列を数値に変換するサンプルです。

<script>

const a = Number("100");

console.log(typeof(a)); //number

</script>

3行目は、Numberで文字列を数値にキャストしています。

Stringで数値を文字列に変換するサンプルです。

<script>

const a = String(100);

console.log(typeof(a)); //string

</script>

3行目は、Stringで数値を文字列にキャストしています。

+演算子で数値を文字列にするサンプルです。

<script>

const a = 100 + "";

console.log(typeof(a)); //string

</script>

3行目のようにを使用すると文字列型になります。

typeof operand

typeof演算子は、データ型を調べることができます。
戻り値は、データ型を示す文字列を返します。
以下は、MDNのtypeof演算子のリンクです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/typeof

typeof演算子のサンプルです。

<script>

console.log(typeof 100); //number

console.log(typeof "100"); //string

</script>

3行目は、数値型なのでnumberと表示されます。
5行目は、文字列型なのでstringと表示されます。