ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 配列を別の配列で効率的に拡張するにはどうすればよいですか?

JavaScript 配列を別の配列で効率的に拡張するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-11-19 05:48:02
オリジナル
265 人が閲覧しました

How Can I Efficiently Extend a JavaScript Array with Another Array?

JavaScript 配列を別の配列で拡張する

既存の JavaScript 配列を別の配列で拡張することは、直接的な操作ではありません。ただし、新しい配列を作成せずにこれを実現する効率的な方法があります。

Spread Operator を使用した Push メソッド (ES6)

.push メソッドは複数の引数を受け入れることができます。スプレッド演算子を使用すると、2 番目の配列のすべての要素を引数として .push に渡すことができ、これにより最初の配列を拡張できます。

a.push(...b)
ログイン後にコピー

ES6 をサポートしていないブラウザの場合は、代わりに .apply を使用できます。 :

a.push.apply(a, b)
ログイン後にコピー

わかりやすくするため、

Array.prototype.push.apply(a,b)
ログイン後にコピー

ループベースの手法

2 番目の場合は、ループベースのアプローチをお勧めします。前のメソッドではスタック オーバーフロー エラーが発生する可能性があるため、配列 (b) は大きくなります。次のコードは拡張操作を実行します。

for (var i = 0; i < b.length; i++) {
  a.push(b[i]);
}
ログイン後にコピー

さらなる考慮事項

a が b よりも大幅に大きい場合、両方のアプローチが効率的に機能することに注意してください。ただし、 b に多数の要素が含まれる場合は、スタック オーバーフロー エラーを回避するためにループベースの手法を使用する必要があります。

以上がJavaScript 配列を別の配列で効率的に拡張するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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