JSFiddle - React, Tailwind, and code Playground

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

// 文字列オブジェクトをオブジェクトとして扱う
var stringObject = new String('foo');
console.log(stringObject.length); // 出力：3
console.log(stringObject['length']); // 出力：3

// 文字列プリミティブをオブジェクトとして扱うとオブジェクトに変換する
var stringLiteral = 'foo';
console.log(stringLiteral.length); // 出力：3
console.log(stringLiteral['length']); // 出力：3
console.log('bar'.length); // 出力：3
console.log('bar'['length']); // 出力：3

// 数値オブジェクトをオブジェクトとして扱う
var numberObject = new Number(100.10023);
console.log(numberObject.toFixed()); // 出力：1
console.log(numberObject['toFixed']()); // 出力：1

// 数値プリミティブをオブジェクトとして扱うとオブジェクトに変換する
var numberLiteral = 30.10023;
console.log(numberLiteral.toFixed()); // 出力：1
console.log(numberLiteral['toFixed']()); // 出力：1
console.log((1234).toString()); // 出力：'1234'
console.log(1234['toString']()); // 出力：'1234'

// 真偽値オブジェクトをオブジェクトとして扱う
var booleanObject = new Boolean(0);
console.log(booleanObject.toString()); // 出力：'false'
console.log(booleanObject['toString']()); // 出力：'false'

// 真偽値プリミティブをオブジェクトとして扱うとオブジェクトに変換する
var booleanLiteral = false;
console.log(booleanLiteral.toString()); // 出力：'false'
console.log(booleanLiteral['toString']()); // 出力：'false'
console.log((true).toString()); // 出力：'true'
console.log(true['toString']()); // 出力：'true'