[JS,jQuery]RangeError: Maximum call stack size exceededのエラーを解消したい。

Question

前提・実現したいこと

大量の配列を使用しているのですが、配列をpushするところでエラーが表示されます。
こちらはどのようにすればエラーを解消することが出来ますでしょうか？
配列は約6万件ほどです。

発生している問題・エラーメッセージ

RangeError: Maximum call stack size exceeded

こちらでエラーが出ます。

data_itemは6万件あるデータになります。

dataArray.push(...data_item);

試したこと

Promiseを使用したのですが、変わらず同じエラーが表示されます。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

6万個の引数を指定してpush()関数を呼んでいることになってコールスタックが足りなくなっているのでしょう。

dataArray = dataArray.concat(data_item);

に置き換えることで解消するかもしれません。

Comments

[toyamal]

pushは既存の配列に追加。concatは新しい配列を生成というイメージであっていますでしょうか？

[int32_t]

そうですけども、イメージで語るのではなくてMDNなどで仕様を調べましょう。

[toyamal]

ありがとうございます！
concatに置き換えることで解消することが出来ました。
助かりました！

Answer 2

データ次第だと思います
件数だけでいえばとくに問題ないはずです

var a=Array(100000).fill(1);
var b=Array(100000).fill(2);
a.push(...b);
console.log(a.length);