Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menambah elemen pada tatasusunan dalam js

Bagaimana untuk menambah elemen pada tatasusunan dalam js

醉折花枝作酒筹
醉折花枝作酒筹asal
2021-08-09 17:34:505881semak imbas

Dalam artikel sebelumnya, kami mempelajari cara menggunakan indeks untuk mengakses elemen dalam objek tatasusunan Sila lihat "Cara js menggunakan indeks untuk mengakses elemen dalam objek tatasusunan". Kali ini kita akan belajar cara menambah elemen pada tatasusunan Anda boleh merujuknya jika perlu.

Dalam javascript, terdapat tiga cara untuk menambah elemen pada tatasusunan, mari kita lihat yang pertama dahulu.

Mari kita lihat contoh kecil dahulu.

var arr = new Array(3); 
arr[0] = "one";
arr[1] = "two";
arr[2] = "three";
var newLength = arr.push('four');
console.log(arr);

Hasil contoh kecil ini ialah

Bagaimana untuk menambah elemen pada tatasusunan dalam js

Seperti yang anda lihat, dalam contoh ini, kami menambah elemen pada penghujung tatasusunan " four". Pada masa yang sama, kami menggunakan kaedah push. Mari kita lihat fungsi ini. Kaedah

push() menambah satu atau lebih elemen pada penghujung tatasusunan dan mengembalikan panjang baharu. Format sintaks

ialah

数组对象.push(要添加到数组的元素)

Kaedah push() boleh menambah parameternya pada penghujung arrayObject mengikut tertib. Ia secara langsung mengubah suai arrayObject dan bukannya mencipta tatasusunan baharu.

Kami telah selesai memperkenalkan kaedah ini, mari kita lihat kaedah kedua.

var arr = new Array(3); 
arr[0] = "one";
arr[1] = "two";
arr[2] = "three";
var newLength = arr.unshift('four');
console.log(arr);

Hasilnya ialah

Bagaimana untuk menambah elemen pada tatasusunan dalam js

Anda dapat melihat bahawa kami juga berjaya menambah elemen pada tatasusunan, tetapi kami berada di hadapan Menambah elemen "empat". Kaedah ini berbeza daripada yang sebelumnya, mari belajar kaedah ini. Kaedah

unshift() menambah satu atau lebih elemen pada permulaan tatasusunan dan mengembalikan panjang baharu. Alihkan elemen sedia ada secara berurutan ke subskrip yang lebih tinggi untuk membuat ruang. Argumen pertama kepada kaedah akan menjadi elemen baharu 0 tatasusunan, jika terdapat argumen kedua ia akan menjadi elemen baharu 1, dan seterusnya.

Sila ambil perhatian bahawa kaedah unshift() tidak mencipta tatasusunan baharu , tetapi secara langsung mengubah suai tatasusunan asal.

Kami telah selesai memperkenalkan kaedah ini, mari kita lihat kaedah ketiga.

var arr = new Array(3); 
arr[0] = "one";
arr[1] = "two";
arr[2] = "three";
var newLength = arr.splice(1,0,'four');
console.log(arr);

Hasilnya ialah

Bagaimana untuk menambah elemen pada tatasusunan dalam js

Anda dapat melihat bahawa kami juga telah berjaya menambah elemen pada tatasusunan boleh ditambah di mana-mana Lokasi. Mari kita lihat kaedah ini. Kaedah

splice() menambah/mengalih keluar item ke/dari tatasusunan dan mengembalikan item yang dialih keluar.

Tengok tatabahasa. Kaedah

arrayObject.splice(规定添加/删除项目的位置,要删除的项目数量,向数组添加的新项目)

splice() mengalih keluar sifar atau lebih elemen bermula pada index dan menggantikan yang dialih keluar dengan satu atau lebih nilai yang diisytiharkan dalam elemen senarai parameter. Jika elemen dipadamkan daripada arrayObject, tatasusunan yang mengandungi elemen yang dipadam akan dikembalikan.

Kaedah splice() akan terus mengubah suai tatasusunan .

[Pembelajaran yang disyorkan: Tutorial JavaScript Lanjutan]

Atas ialah kandungan terperinci Bagaimana untuk menambah elemen pada tatasusunan dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn