Javascriptで配列・連想配列をループ処理する

JavaScriptで配列をループする代表的な方法を紹介します。

コピペ元としてお使いください。

通常の配列

let list = ["A","B","C"];

//forを使った場合
for(let index=0; index<list.length; ++index){
    console.log(index + ") " + list[index]);
}

//forEachを使った場合
list.forEach(function(element, index, array){
    console.log(index + ") " + element);
});

//for-inを使う
for (const index in list) {
  console.log(index + ") " + list[index]);
}

//for-ofを使う
let index = 0;
for (const elemment of list) {
  console.log(index + ") " + elemment);
  ++index;
}


// 出力はいずれも
// 0) A
// 1) B
// 2) C

連想配列

let array = {
  "A" : 1, 
  "B" : 2, 
  "C" : 3, 
};


//forEachを使う場合
Object.keys(array).forEach(function(key){
    console.log(key + "=" +  array[key]);
});

//for-ofを使う場合
for(let key of Object.keys(array)){
    console.log(key + "=" +  array[key])
}

//for-inを使う場合
for(let key in array){
    console.log(key + "=" +  array[key])
}

// 出力はいずれも
// A=1
// B=2
// C=3