2021-07-15

JavaScript: 配列を連番で初期化する

JavaScript で[1,2,3,4]のように、 配列を連番で初期化する方法を紹介します。

シンプルに for 文を使う方法と、 ES2015で追加された keys() メソッドを使う方法を紹介します。

for 文を使って、配列を連番で初期化する

シンプルに for 文を使って連番を作成しています。

この方法が一番わかりやすいと思います。

let arr = new Array(10);
let serial_num = 1;           // 連番用

for (let i = 0; i < arr.length; i++){
	arr[i] = serial_num;
	serial_num++;
}

console.log(arr);

// 実行結果
Array [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]

keys() メソッドを使う方法

keys() メソッドはES6(ES2015)で追加されました。

let arr = [...Array(10).keys()].map(i => ++i);

console.log(arr);

// 実行結果
Array [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]

0から始まる配列の場合は、map() メソッドは必要なく、

let arr = [...Array(10).keys()];

console.log(arr);

// 実行結果
Array [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

1行で記述したい方は、keys() メソッドを使った方法を使ってください。

keys() メソッドについて: MDN Array.prototype.keys()