javascript 値が連続した配列を1行で作成する

javascript 値が連続した配列を1行で作成する

javascriptで、値「0 1 2 3 …」といった連続した配列を1行で作成するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 99.0.4844.84

配列作成

applyとmapを使用すれば、たった1行で連続した値の配列を作成することが可能です。

// 0~9 までの連続した配列を作成
console.log(
  Array.apply(null, {length: 10}).map((v, index) => index)
);

//  [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

全ての値を2倍にしたい場合は、

console.log(
  Array.apply(null, {length: 10}).map((v, index) => index * 2)
);

// [0, 2, 4, 6, 8, 10, 12, 14, 16, 18]

となります。

ちなみに、以下のよう「fill」を使用しても、同じことが可能です。

console.log(
  Array(10).fill().map((v, index) => index)
);

//  [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

console.log(
  Array(10).fill().map((v, index) => index + 1)
);

//  [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

パフォーマンスは「apply」を使用したほうがいいです。