Fungsi JavaScript “Tambah ke Array” (tekan vs unshift vs yang lain)

Terdapat beberapa kaedah untuk menambahkan elemen baru ke array JavaScript. Sekiranya anda ingin membuang elemen dari array dalam JavaScript, kami juga mempunyai artikel untuk itu.


Jangan ragu untuk mengklik pautan di bawah untuk menerangkan setiap kaedah:

  1. Menggunakan tolak () untuk menambah ke hujung larik
  2. Menggunakan unshift () untuk menambah permulaan array
  3. Menggunakan sambatan () untuk menambahkan unsur dalam larik
  4. Menggunakan concat () untuk menggabungkan dan membuat susunan baru yang lebih panjang
  5. Menggunakan Notasi Indeks untuk menentukan indeks untuk menambahkan elemen

Sekarang mari kita bincangkan bagaimana dan kapan melaksanakan setiap perintah ini.

Tambahkan ke Akhir Array Menggunakan tolak ()

Kaedah push () akan menambahkan elemen ke akhir array, sementara fungsi kembarnya, kaedah pop (), akan menghapus elemen dari akhir array.

Untuk menambahkan elemen ke hujung array menggunakan push (), anda akan melakukan ini:

1
2
3

senarai var = ["foo", "bar"];

senarai. tolak ("baz");

["foo", "bar", "baz"] // hasil

Anda juga dapat menambahkan beberapa elemen ke array menggunakan push (), seperti yang ditunjukkan di bawah:

1
2
3

senarai var = ["foo", "bar"];

senarai. tolak ("baz", "qux", "sebagainya");

["foo", "bar", "baz", "qux", "sebagainya"] // hasil

Sekiranya anda perlu menambahkan elemen atau beberapa elemen di hujung larik, kaedah push () hampir selalu menjadi pilihan termudah dan terpantas anda.

Tambahkan ke Permulaan Array Menggunakan unshift ()

Kaedah unshift () akan menambahkan elemen ke awal array, sementara fungsi kembarnya, shift (), akan menghapus satu elemen dari awal array.

Untuk menambahkan elemen ke permulaan larik menggunakan unshift () cuba ini:

1
2
3

senarai var = ["foo", "bar"];

senarai.unshift ("baz");

["baz", "foo", "bar"] // hasil

Untuk menambahkan beberapa elemen pada permulaan array menggunakan unshift () cubalah ini:

1
2
3

senarai var = ["foo", "bar"];

senarai.unshift ("baz", "qux");

["baz", "qux", "foo", "bar"] // hasil

Sekiranya anda perlu menambahkan elemen pada permulaan array, kaedah unshift () hampir selalu menjadi pilihan termudah dan terpantas anda.

Tambahkan Elemen ke Tengah Array Menggunakan sambatan ()

Kaedah splice () mengubah kandungan array dengan membuang elemen yang ada dan / atau menambahkan elemen baru.

Di bawah ini anda akan dapati sintaks fungsi splice () yang betul:

1 array.splice (mula, deleteCount [, item1 [, item2 [, …]]])

Sekiranya anda ingin memasukkan elemen (atau elemen) ke titik tertentu di suatu tempat dalam larik, selain awal atau akhir, kemungkinan besar anda harus menggunakan kaedah sambatan ().

Untuk menggunakan splice () kod anda akan kelihatan seperti ini:

1
2
3
4

senarai var = ["foo", "bar"];

list.splice (1, 0, "baz"); // pada kedudukan indeks 1, keluarkan 0 elemen, kemudian tambah "baz" ke kedudukan itu

                           // unsur "bar" kini secara automatik akan dipindahkan ke kedudukan indeks 2

["foo", "baz", "bar"] // hasil

Untuk menambahkan beberapa elemen di tengah larik menggunakan sambatan () cuba ini:

1
2
3

senarai var = ["foo", "bar"];

list.splice (1, 0, "baz", "qux");

["foo", "baz", "qux", "bar"] // hasil

Perintah sambungan adalah seperti Pisau Tentera Swiss manipulasi array; namun, anda harus terlebih dahulu menggunakan perintah push atau unshift yang jauh lebih sederhana sebelum menggunakan splice () untuk menambah array.

Tambahkan ke Array Dengan Membentuk Array Baru Menggunakan concat ()

Kaedah concat () mengembalikan array gabungan baru yang terdiri daripada array yang dipanggil, bergabung dengan array (atau array) dari argumennya.

Untuk menambahkan beberapa elemen ke array lain menggunakan concat () lakukan perkara berikut:

1
2
3

senarai var = ["foo", "bar"];

var newlist = list.concat (["baz", "qux"]);

["foo", "bar", "baz", "qux"] // keputusan senarai baru

Anda juga boleh menambahkan nilai bukan larik secara langsung menggunakan concat ():

1
2
3

senarai var = ["foo", "bar"];

var newlist = list.concat ( "baz", "qux" );

["foo", "bar", "baz", "qux"] // keputusan senarai baru

Kaedah concat () adalah penyelesaian mudah dalam situasi di mana anda perlu menggabungkan beberapa tatasusunan bersama, tanpa membengkak kod anda dengan gelung atau gelung berulang.

Tambahkan Elemen Array pada Indeks Khusus Menggunakan Notasi Indeks

Kita juga dapat memanipulasi array secara langsung, tanpa menggunakan kaedah array, dengan merujuk pada kedudukan indeks dalam array.

Di sini kita menambah dua elemen baru pada kedudukan yang ditentukan:

1
2
3
4

senarai var = ["foo", "bar"];

senarai [2] = "baz"; // tambah elemen "baz" ke kedudukan indeks 2 dalam tatasusunan

senarai [3] = "qux";

["foo", "bar", "baz", "qux"] // hasil

Di sini kita menambah elemen di hujung larik:

1
2
3

senarai var = ["foo", "bar"];

senarai [list.length] = "baz"; // tambah elemen "baz" hingga akhir tatasusunan

["foo", "bar", "baz"] // hasil

Kaedah notasi indeks sering berguna apabila anda mengetahui dengan tepat di mana meletakkan elemen dalam array, tidak kira di mana kedudukannya. Keadaan ini sering berlaku untuk pelbagai jenis pelaksanaan algoritma.

Kata Akhir untuk Menambah Array dalam JavaScript

Menambahkan elemen ke larik dalam JavaScript cukup mudah, sebagaimana mestinya, tetapi tidak ada satu pun kaedah yang selalu terbaik untuk digunakan. Mudah-mudahan anda sekarang boleh yakin pada masa menggunakan pendekatan pengembangan array tertentu dalam pelbagai konteks kod. Seperti biasa, jika anda mempunyai soalan, komen, penambahan, atau pengurangan tambahan, beri kami petunjuk di bawah.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector