JavaScriptのデータ型と型変換について解説します。
文字列から数値に変換
parseIntメソッド
コード:
<script type=”text/javascript”>
var a = parseInt(‘1’);
var b = parseInt(1);
var c = parseInt(‘c’);
var d = parseInt(null);
var e = parseInt(undefined);
console.log(a,b,c,d,e);
</script>
結果:
1 1 NaN NaN NaN
<script type=”text/javascript”>
var a = parseInt(‘1’);
var b = parseInt(1);
var c = parseInt(‘c’);
var d = parseInt(null);
var e = parseInt(undefined);
console.log(a,b,c,d,e);
</script>
結果:
1 1 NaN NaN NaN
parseFloatメソッド
コード:
<script type=”text/javascript”>
var a = parseFloat(‘1.2’); //結果:1.2
var b = parseFloat(1.2); //結果:1.2
var c = parseFloat(100); //結果:100
var d = parseFloat(‘1.2addd’); //結果:1.2
var e = parseFloat(‘1addd’); //結果:1
var f = parseFloat(‘ad222dd’); //結果:NaN
var g = parseFloat(‘abc’); //結果:NaN
var h = parseFloat(null); //結果:NaN
var i = parseFloat(undefined); //結果:NaN
var j = parseFloat(true); //結果:NaN
console.log(a,b,c,d,e,f,g,h,i,j);
</script>
<script type=”text/javascript”>
var a = parseFloat(‘1.2’); //結果:1.2
var b = parseFloat(1.2); //結果:1.2
var c = parseFloat(100); //結果:100
var d = parseFloat(‘1.2addd’); //結果:1.2
var e = parseFloat(‘1addd’); //結果:1
var f = parseFloat(‘ad222dd’); //結果:NaN
var g = parseFloat(‘abc’); //結果:NaN
var h = parseFloat(null); //結果:NaN
var i = parseFloat(undefined); //結果:NaN
var j = parseFloat(true); //結果:NaN
console.log(a,b,c,d,e,f,g,h,i,j);
</script>
Numberクラスの引数に渡す
コード:
<script type=”text/javascript”>
var a = Number(‘1’);
var b = Number(1);
var c = Number(‘c’);
var d = Number(null);
var e = Number(undefined);
console.log(a,b,c,d,e);
</script>
結果:
1 1 NaN 0 NaN
<script type=”text/javascript”>
var a = Number(‘1’);
var b = Number(1);
var c = Number(‘c’);
var d = Number(null);
var e = Number(undefined);
console.log(a,b,c,d,e);
</script>
結果:
1 1 NaN 0 NaN
特殊変換
<script type=”text/javascript”>
var num = ‘100’;
console.log( +num); // 数値として出力
console.log( -num); // 数値として出力
console.log( num – 0); // 数値として出力
</script>
var num = ‘100’;
console.log( +num); // 数値として出力
console.log( -num); // 数値として出力
console.log( num – 0); // 数値として出力
</script>