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 myArray = ['blue', 'green', 'orange', 'red'];
var myArrayLength = myArray.length; // JavaScriptが毎回myArray.lengthを検索しないようにキャッシュしておく
var counter = 0; // カウンタ

while (counter < myArrayLength) { // myArrayの要素数よりカウンタが小さい場合のみ実行
    console.log(myArray[counter]); // 出力:'blue', 'green', 'orange', 'red'
    counter++; // カウンタをインクリメント
}


var myArray = ['blue', 'green', 'orange', 'red'];
var myArrayLength = myArray.length;
var counter = 0;

while(counter < myArrayLength){
	console.log( myArray[counter] );
  counter++;
}