[TIL 10]javascript|配列と重複文の使用

for

for (var i = 0; i < 9; i++) {
   console.log(i);
}

for each

Arrayオブジェクトで使用できます.(ES 6はMap、Setなどをサポートしています.)
foreach構文のパラメータを使用してcallback関数を登録できます.配列内の各要素が重複すると、callback関数が呼び出されます.コールバック関数では、配列要素のインデックスと値にアクセスできます.

var arr = ['apple', 'banana', 'orange'];
 
arr.forEach(function(fruit) {
    console.log(fruit);
});

for in

for in反復文は、オブジェクトのプロパティを繰り返して操作を実行し、すべてのオブジェクトに使用できます.オブジェクトのプロパティを簡単に表示できるため、実際にはデバッグに使用できます.特定の値を持つ鍵が存在するかどうかを確認するために使用できます.

var obj = {a: 1, b: 2, c: 3};

for (const prop in obj) {
  console.log(`obj.${prop} = ${obj[prop]}`);
}

位相の付加値も出力できます.

var data = [1,2,undefined,NaN,null,""];
Array.prototype.getIndex = function() {};

for (let idx in data) {
  console.log(data[idx]);
}

結果

for of

for for反復文は、ES 6に追加された新しい集合専用反復文である.

var data = [1,2,undefined,NaN,null,""];
Array.prototype.getIndex = function() {};

for (let value of data) {
	console.log(value);
}

結果

stringでも使えます.

var str = "hello world"

for (let value of str) {
  console.log(value);
}

結果