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

Bagaimana untuk menambah elemen pada tatasusunan dalam js

醉折花枝作酒筹
Lepaskan: 2021-08-09 17:39:13
asal
5921 orang telah melayarinya

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);
Salin selepas log masuk

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(要添加到数组的元素)
Salin selepas log masuk

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);
Salin selepas log masuk

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);
Salin selepas log masuk

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(规定添加/删除项目的位置,要删除的项目数量,向数组添加的新项目)
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan