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関数)

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)

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

<script>

const a = Number("100");

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

</script>

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

 

数値を文字列に変換(String)

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演算子)

typeof operand

コード

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

<script>

console.log(typeof 100); //number

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

</script>

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

 

関連の記事

JavaScript if文のサンプル
JavaScript if文の == と === の違い
JavaScript データ型

△上に戻る