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

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

目次

parseInt関数

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

 

文字列を数値に変換(parseInt関数)

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

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

<script>

	var a = "0100";

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

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

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

</script>

文字列に数値と文字が入っていた場合

parseInt関数で文字列に数値と文字が入っていた場合です。

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

<script>

	var a = "010あ";

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

</script>

文字列がすべて文字の場合

parseInt関数で文字列がすべて文字の場合です。

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

<script>

	var a = "あいう";

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

</script>

 

文字列を数値に変換(キャスト)

キャストで文字列を数値に変換する場合です。

Numberを使用します。

<script>

	var a = Number("100");

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

</script>

 

数値を文字列に変換(キャスト)

キャストで数値を文字列にする場合です。

Stringを使用します。

<script>

	var a = String(100);

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

</script>

 

数値を文字列に変換(+演算子)

+演算子で数値を文字列にする場合です。

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

<script>

	var a = 100 + "";

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

</script>

 

データ型を調べる(typeof演算子)

typeof operand

コード

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

<script>

console.log(typeof 100); //number

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

</script>

 

関連の記事

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



△上に戻る