【JavaScript】連続する数字の配列を作る方法

パターン1 for文を使って作成する


// 0から9の配列を作成
nums = [];
for (i=0; i < 10; i++) {
  nums.push(i);
}
console.log(nums);

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

// 0から9の配列を作成

nums = [];

for (i=0; i < 10; i++) {

nums.push(i);

}

console.log(nums);

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

パターン2 空配列のindexを利用して作成


// 0から9の配列を作成
console.log([...Array(10)].map((_, i) => i));

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

// 1から始める場合
console.log([...Array(10)].map((_, i) => i + 1)); // 返す値に1を足すだけ

// 0から9の配列を作成

console.log([...Array(10)].map((_, i) => i));

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

// 1から始める場合

console.log([...Array(10)].map((_, i) => i + 1)); // 返す値に1を足すだけ

パターン3 Array.fromを使ったスマートなやり方


// 0から9の配列を作成
// Array.from()は、引数に渡した配列っぽいものを配列にしてくれる。
console.log(Array.from(Array(10).keys())); // 直感的にわかりやすいかもしれない

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

// 0から9の配列を作成

// Array.from()は、引数に渡した配列っぽいものを配列にしてくれる。

console.log(Array.from(Array(10).keys())); // 直感的にわかりやすいかもしれない

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