JSFiddle - React, Tailwind, and code Playground

by jseja

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<!-- この枠内は無視してください -->




































































<h4><strong><a href="http://www.oreilly.co.jp/books/9784873116211" target="_blank">開眼!JavaScript</a> サンプルコード</strong></h4>

<p>スクリプトはページロード時に実行されます。</p><p>再度実行する場合や「JavaScript」ボックス内のスクリプトを修正して実行する場合は上部のナビゲーションバーにある「Run」をクリックしてください。</p><p>アウトプットはページ右下のFirebug Liteコンソールに出力されます。</p>

<a href="http://shop.oreilly.com/product/0636920027713.do" target="_blank">原著:JavaScript Enlightenment</a>

JavaScript

// newを伴って数値オブジェクトを生成(通常は使用されることはない)
var numberOne = new Number(456);
console.log(numberOne); // 出力:'456{}'
// この場合、typeof演算子はobjectを出力するので注意
console.log(typeof numberOne); // 出力:object


// プリミティブ型の数値を生成、もしくは様々な値を数値に変換
// 数値は数値のまま
console.log(Number(1), Number(1.1), Number(-10), Number(0xff)); // 出力:1 1.1 -10 255

// 数値文字列は数値に変換される
console.log(Number('10'), Number('0010'), Number('1.0e1')); // 出力:10 10 10

// 文字列も数値(NaN含む)に変換される
console.log(Number(''), Number('  '), Number('123abc')); // 出力:0 0 NaN

// 文字列は16進数を変換するが、最初の0を無視するので8進数の変換は行わない
console.log(Number('0x0a'), Number('010')); // 出力:10 10

// 特殊な値も変換される
console.log(Number(undefined), Number(null), Number(true), Number(false)); // 出力:NaN 0 1 0

// オブジェクトと関数はNaN
console.log(Number({}), Number(function(){})); // 出力:NaN NaN

// 空の配列は0、要素がひとつしかない配列はその値、複数要素を持つ配列はNaN
console.log(Number([]), Number([1]), Number(['010']), Number([1,2])); // 出力:0 1 10 NaN