ホームページ > ウェブフロントエンド > jsチュートリアル > 1 から N までの JavaScript 配列を作成する最も効率的な方法は何ですか?

1 から N までの JavaScript 配列を作成する最も効率的な方法は何ですか?

Susan Sarandon
リリース: 2024-12-16 14:01:10
オリジナル
668 人が閲覧しました

What's the Most Efficient Way to Create a JavaScript Array from 1 to N?

JavaScript で 1...N を含む配列を効率的に生成する方法

元のコード:

var foo = [];

for (var i = 1; i <= N; i++) {
   foo.push(i);
}
ログイン後にコピー

このアプローチは簡単ですが、明示的なループが含まれるため、最も効率的なオプションではない可能性があります。ループを使用せずに 1 から N を含む配列を作成するための代替手段をいくつか示します。

ES6 Array.from() および keys() メソッド

ES6 以降では、 Array.from() メソッドをkeys()とともに利用できます。

Array.from(Array(10).keys())
// => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
ログイン後にコピー

スプレッド演算子を使用した短縮バージョン

スプレッド演算子を使用すると、コードをさらに簡潔にすることができます。

[...Array(10).keys()]
// => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
ログイン後にコピー

map関数で1から始める

始めるには0 ではなく 1 から配列する場合は、長さプロパティを持つオブジェクトでマップ関数を使用できます。

Array.from({length: 10}, (_, i) => i + 1)
// => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
ログイン後にコピー

これらの代替方法は、数値範囲を含む配列を作成するためのより効率的な方法を提供します。明示的なループ。

以上が1 から N までの JavaScript 配列を作成する最も効率的な方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート