【javascript】Objectから要素を取り出すならfor文を使わずObject.keysを使おう

for..in loops iterate over the entire prototype chain, which is virtually never what you want. 
Use Object.{keys,values,entries}, and iterate over the resulting array

とESLintで怒られるので、for文は卒業したい。

そこで使うのは、

Object.keys(list).forEach(function(key) {
      console.log('key = ' + key);
  　console.log('value = ' + list[key]);
})

たとえばObjectがこんな感じであって

const flowerDetail= {
  'Name': '向日葵',
  'Color': '黄色',
};

要素をfor文で取り出そうとすると、

for (const flowerVal in flowerDetail) {
  console.log('key = ' + flowerVal);
  console.log('value = ' + flowerDetail[flowerVal]);
}

結果

"key = Name"
"value = 向日葵"
"key = Color"
"value = 黄色"

Object.keys().forEachを使えば

Object.keys(flowerDetail).forEach(function(key) {
     console.log('key = ' + key);
     console.log('value = ' + flowerDetail[key]);
});

結果

"key = Name"
"value = 向日葵"
"key = Color"
"value = 黄色"