Bagaimana saya bisa menambahkan elemen array baru di awal array di Javascript?

Saya perlu menambahkan atau menambahkan elemen di awal array.

Misalnya, jika array saya terlihat seperti di bawah ini:

[23, 45, 12, 67]

Dan respon dari panggilan AJAX saya adalah 34, saya ingin array yang diperbarui menjadi seperti berikut:

[34, 23, 45, 12, 67]

Saat ini saya berencana untuk melakukannya seperti ini:

var newArray = [];
newArray.push(response);

for (var i = 0; i < theArray.length; i++) {
    newArray.push(theArray[i]);
}

theArray = newArray;
delete newArray;

Apakah ada cara yang lebih baik untuk melakukan ini? Apakah Javascript memiliki fungsi bawaan yang melakukan ini?

Kompleksitas metode saya O(n)dan akan sangat menarik untuk melihat implementasi yang lebih baik.

Gunakan unshift. Itu seperti push, kecuali itu menambahkan elemen ke awal array bukan akhir.

• unshift/ push- tambahkan elemen ke awal / akhir array
• shift/ pop - hapus dan kembalikan elemen pertama / terakhir dari sebuah array

Diagram sederhana ...

   unshift -> array <- push
   shift   <- array -> pop

dan bagan:

          add  remove  start  end
   push    X                   X
    pop           X            X
unshift    X             X
  shift           X      X

Lihatlah dokumentasi Array MDN . Sebenarnya setiap bahasa yang memiliki kemampuan untuk mendorong / memunculkan elemen dari sebuah array juga akan memiliki kemampuan untuk melepaskan / menggeser (kadang-kadang disebut push_front/ pop_front) elemen, Anda seharusnya tidak harus mengimplementasikannya sendiri.

Seperti yang ditunjukkan dalam komentar, jika Anda ingin menghindari mutasi array asli Anda, Anda dapat menggunakan concat, yang menggabungkan dua array atau lebih secara bersamaan. Anda dapat menggunakan ini untuk secara fungsional mendorong elemen tunggal ke depan atau belakang array yang ada; untuk melakukannya, Anda perlu mengubah elemen baru menjadi array elemen tunggal:

const array = [ 3, 2, 1 ]

const newFirstElement = 4

const newArray = [newFirstElement].concat(array) // [ 4, 3, 2, 1 ]

concatjuga dapat menambahkan item. Argumen untuk concatdapat dari jenis apa pun; mereka secara implisit dibungkus dalam array elemen tunggal, jika mereka belum menjadi array:

const array = [ 3, 2, 1 ]

const newLastElement  = 0

// Both of these lines are equivalent:
const newArray1 = array.concat(newLastElement)   // [ 3, 2, 1, 0 ]
const newArray2 = array.concat([newLastElement]) // [ 3, 2, 1, 0 ]

Dengan ES6, gunakan operator spread ...:

DEMO

var arr = [23, 45, 12, 67];
arr = [34, ...arr]; // RESULT : [34,23, 45, 12, 67]

console.log(arr)

Cara lain untuk melakukannya concat

var arr = [1, 2, 3, 4, 5, 6, 7];
console.log([0].concat(arr));

Perbedaan antara concatdan unshiftadalah yang concatmengembalikan array baru. Performa di antara mereka dapat ditemukan di sini .

function fn_unshift() {
  arr.unshift(0);
  return arr;
}

function fn_concat_init() {
  return [0].concat(arr)
}

Inilah hasil tesnya

Cheatsheet Cepat:

Istilah shift / unshift dan push / pop bisa sedikit membingungkan, setidaknya untuk orang-orang yang mungkin tidak terbiasa dengan pemrograman dalam C.

Jika Anda tidak terbiasa dengan istilah itu, berikut ini adalah terjemahan cepat dari istilah-istilah alternatif, yang mungkin lebih mudah diingat:

* array_unshift()  -  (aka Prepend ;; InsertBefore ;; InsertAtBegin )     
* array_shift()    -  (aka UnPrepend ;; RemoveBefore  ;; RemoveFromBegin )

* array_push()     -  (aka Append ;; InsertAfter   ;; InsertAtEnd )     
* array_pop()      -  (aka UnAppend ;; RemoveAfter   ;; RemoveFromEnd ) 

Anda memiliki sebuah array: var arr = [23, 45, 12, 67];

Untuk menambahkan item ke awal, Anda ingin menggunakan splice:

var arr = [23, 45, 12, 67];
arr.splice(0, 0, 34)
console.log(arr);

Tanpa bermutasi

Sebenarnya, semua unshift/ pushdan shift/ pop mutasi array asal.

The unshift/ pushmenambahkan item ke array ada dari mulai / akhir dan shift/ popmenghapus item dari awal / akhir array.

Tetapi ada beberapa cara untuk menambahkan item ke array tanpa mutasi. hasilnya adalah array baru, untuk menambahkan ke akhir array gunakan kode di bawah ini:

const originArray = ['one', 'two', 'three'];
const newItem = 4;

const newArray = originArray.concat(newItem); // ES5
const newArray2 = [...originArray, newItem]; // ES6+

Untuk menambahkan untuk memulai array asli gunakan kode di bawah ini:

const originArray = ['one', 'two', 'three'];
const newItem = 0;

const newArray = (originArray.slice().reverse().concat(newItem)).reverse(); // ES5
const newArray2 = [newItem, ...originArray]; // ES6+

Dengan cara di atas, Anda menambah awal / akhir array tanpa mutasi.

Menggunakan destruksi ES6: (menghindari mutasi dari array asli)

const newArr = [item, ...oldArr]

Jika Anda perlu terus-menerus memasukkan elemen di awal array, lebih cepat menggunakan pushpernyataan yang diikuti oleh panggilan reverse, alih-alih menelepon unshiftsepanjang waktu.

Tes patokan: http://jsben.ch/kLIYf

Menggunakan splicekami menyisipkan elemen ke array di awal:

arrName.splice( 0, 0, 'newName1' );