??? ?? ????? ?????? : 1. ??? ??? ??? ?? ???? ?? ??? ???? ??? ???? ?? ??? ???????. 2. ?? ?? ?? ??? ??????? ?? ????, ??? ??? ?? ?? ?? ?? ? ?? ?? ??? ??? ?? ? ??? ?????. 3. ?? ???? Float64Array? ?? ??? ??? ???? ? ?? ??? ? ?? ??? ? ???? ??????. 4. ?? ? ????? ?? MAP ?? ??? ???? ?? ??? ???? ??? ???? ? ???? ???? ??? ??? ??????. 5. ?? ??? ?? ?? ??? ?? ??? ????? ??? ??? ??????. 6. ??? ?? ? ????, ?? ????? ????, ?? ? ???? ???? ?? ? ??? ???? ????? ???? ??? ?? ? ?? ?? ?????.

??? ?? ???? ??, ?? ?? ???? ???????? ?? ? ? ??? ???? ??? ??????. ?? ????? ?? ??? ??? ??? ?? ?? ??? ?? ??? ?? ??? ?? ?? ?? ??? ??? ?? ? ? ??? ??? ??? ?? ???? ??? ? ????. ??? ??? ????? ????? ??? ??? ????.

1. ???? ?? ??? ?????

?? ???? ?? ?? ? ??? ????? ??? ? ???? ?? ??? ???? ??? ????.

??:
concat , slice ?? Spread Operator ( [...arr] )? ?? ??? ???? ??? ??? ???? ??? ??? ????? ???? ??? ?? ??? ?????.

 // ??? : ?? ? ??? ????
arr = [1, 2, 3];
arr = [... arr, 4]; // ? ??? ???????

???:
?? ?? ??? ?? ??? ????? ??? ?? ??? ?? ?? ????? ??????.

 // ?? : ?? ??? ????
arr.push (4);

?? ???? :

 arr.push (... newitems); // ?? ??? ???? ? ??????

?? : ?? ?????????. ???? ?? ??? ?? ??? ???? ?? ? ????? ???? ?? ? ? ????.

2. ?? ??? ????? ?? ????

??? ?? ???? (? : ???? ? ?? ??? ??)? ?? ???? ?? ????.

???:

 for (i = 0; i <100000; i) {
  largearray.push (i); // 100K ?? ??
}

??? :

 // ??? ??? ?? ?? ?????
const largearray = ??? ?? (100000);
for (i = 0; i <100000; i) {
  ??? [i] = i;
}

// ?? ?? ?? ????? ???? ?? ??? (????)
largearray.push (... NewData); // NewData? ?? ?? ??? ? ?????

?? : ?? ? ?? (? :> 100k ??)? ?? ???? ?? ?? ?? ??? ?? ? ? ????. ??? ?? Array.prototype.push.apply ?? ???? ??????.

 // ? ???? ?????
?? ?? (ARR, ?) {
  const chunksize = 10000;
  for (i = 0; i <value.length; i = chunksize) {
    arr.push (... values.slice (i, i chunksize));
  }
}

3. ?? ????? ?? ? ??? ??????

??? ?? (? : ?? ???, ?? ?, ?? ??), ?? ?? ( Int32Array , Float64Array ?) ? ???? ??? ?? ? ??? ??? ?????.

??:

• ?? ??, ??? ??? ??
• ?? ?? ?? (??? ??)
• ? ?? ??? ? ?? ??
• WebGL, WebAssembly ??? ?? ???.

 // ?? :
arr = ? ?? (1e6) .fill (0);

// ??:
arr = new float64array (1e6); // ?? ? 8 ???, ?? ??

????? ?? ????.

 ARR [100] = 42; // ?? ??? ??

? : ??? ? ??? ??? ???? ????. ???? ??? ??? ??, ????? ?? ??? ?? ??? ?????? (C?? ?? ??? ??).

4. ?? ?? ??? ??????? ???? ??? ?? ??

?? ? ???? (? ?? ?? ? ??)??? ?? ? ??? ?? ?? ??? ???? ??? ??????.

?? : ?? ? ????? ?? ????? ??????

 // 1K ? ???? 1m ?? ?? ??
const updates = ? map ();
????. ?? (12345, NewValue);
update.set (67890, ?? value);

// ??? ?? ??????
?? applysparseupdates (arr, ????) {
  for (const [index, value]? ????) {
    arr [index] = ?;
  }
}

????? ??? ???? ???? ?? ??? ??? ???? ??? ????.

5. ??? ?? ??? ??????

?? ???? ?? ?? ? ??? ??? ?? (GC)? ????? ??? ??? ?? ??? ?????.

?? ?? :

• ??? ?? ?? ??? (? : array.length = 0 ?? ?? ???? ?? ???)
• ??? ??? ??? ?? ? ??? ?? ??????
• ???? ???? ?? ???? ?? ??? ??????

 // ??? ??????
const ?? = ? ?? (10000);
?? ???? (???) {
  // ??? ?? ?????
  ?? .length = 0;
  // ?? buffer.fill (0) ???? ????? ??
  // ... ??? ?????
}

6. ???? ??? ??????

??? ?? ? ??? ?? ???? ??? ? ?? ?????? ?????.

• ?? ???? ?? : ??? ? ?? ?? ? ?? ?? ???? ??? ?? ? ????.
• ?? ?? ???? (? : UI ?? ??? ?? ???).
• ?? ? ??? ?? ???? ?? ?? ???? ???? ????? ??????. ?? ?? ?? ??? ?????? .

??

??? ?? ????? ?????? :

• safe ?? ? ? ???? ???????
• batch ??? ???? ???? .push() ? ?????
• ?? ????? ?? ? ??? ?????
• ? ??? ??? ?? ?? ?????
• ? ?? ? ??? ??? ????
• GC? ??? ?? ??? ???
• ? ???? ???? ???? ??? ?? ??? ??????

??? ??? ?? ?? ??? ??? ?? ??? ??? ?? ????. ? ?? ?? ?? ??? ??? ???? 50% ??? ??? ?? ??? ?? ? ????.

????? ??? ?????? : ??? ?????, ??? ???? ????, ??? ?? ????????.

? ??? ??? ? ??? ?? ??? ?? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!