clover.blue

[JS講座] 10. 配列,連想配列の繰り返し(forEach, for..in文)

Data
2019/11/15
Tag

for..in文

for(const color in {red: '赤', blue: '青' }) {
  console.log(color);
};

const fruitsObj = {
  red : ['りんご','さくらんぼ','いちご'],
  orange : ['かき','みかん','びわ'],
  yellow : ['バナナ','パイナップル','レモン']
};


for(var fruit in fruitsObj ) {
  console.log(fruit);
  console.log(fruitsObj[fruit])
}

/*
表示結果
red
["りんご", "さくらんぼ", "いちご"]
orange
["かき", "みかん", "びわ"]
yellow
["バナナ", "パイナップル", "レモン"]
*/

配列の繰り返し

const fruits= ['りんご', 'さくらんぼ', 'いちご']
fruits.forEach(function(val) {
    console.log(val);
})


/*
表示結果
'りんご'
'さくらんぼ'
'いちご'
*/