全部ES6のループ文にしたかった時の最後の難関だったfor (let i = 0; i < 10; i++)をやっと抹殺した #JavaScript

目的

要素が10個のArrayをつくる

これが一番簡潔です。

const array = Array(10).fill(0).map((_, idx) => ({
    id: idx,
    name: "hoge"
}));

これが一番シンプルです。

[...Array(10)].map((_, idx) => ({

const array = [];
for (let i = 0; i < 10; i++) {
  const obj = {
    id: i,
    name: "hoge"
  };
  array.push(obj);
}

↓

const array = [...Array(10)].map((_, idx) => 
  return {
    id: idx,
    name: "hoge"
  };
);

これだとエラー
(lengthは10だけどemptyの配列が作られた)

↓

const array = Array.from(Array(10)).map((_, idx) => 
  return {
    id: idx,
    name: "hoge"
  };
);

これで動いた