Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk memadam elemen dalam tatasusunan dalam es6

Bagaimana untuk memadam elemen dalam tatasusunan dalam es6

青灯夜游
Lepaskan: 2022-06-08 17:03:57
asal
7417 orang telah melayarinya

Kaedah pemadaman: 1. Gunakan shift() untuk memadam elemen pertama, sintaks "arr.shift()"; 2. Gunakan pop() untuk memadam elemen terakhir, sintaks "arr.pop(). )"; 3. Gunakan splice() untuk memadam sebarang elemen mengikut subskrip, sintaksnya ialah "arr.splice (mulakan subskrip, padamkan bilangan elemen)".

Bagaimana untuk memadam elemen dalam tatasusunan dalam es6

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Dalam JavaScript, terdapat banyak cara untuk memadamkan elemen tatasusunan.

Kaedah 1: Gunakan fungsi shift() untuk memadamkan elemen tatasusunan pertama

Fungsi array.shift() boleh memadamkan elemen pertama tatasusunan daripadanya . Dan kembalikan nilai elemen pertama kemudian gerakkan semua elemen yang tinggal ke hadapan dengan 1 kedudukan untuk mengisi jurang di kepala tatasusunan.

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);
Salin selepas log masuk

Hasil output ialah:

Bagaimana untuk memadam elemen dalam tatasusunan dalam es6

Dapat dilihat bahawa contoh di atas menggunakan a.shift() untuk memadam nilai 1 di permulaan tatasusunan, dan kemudian Indeks akan ditetapkan semula (bermula dari 0 lagi); dan kaedah shift() akan menukar tatasusunan asal dan mengubah suai panjang tatasusunan! Oleh itu, gunakan console.log(a) untuk mengeluarkan tatasusunan asal, yang memaparkan tatasusunan dengan elemen pertama dipadamkan.

Kaedah 2: Gunakan pop() untuk memadam elemen tatasusunan terakhir

Kaedah array.pop() boleh memadamkan elemen terakhir dalam tatasusunan dan mengembalikan yang dipadamkan unsur.

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)
Salin selepas log masuk

Hasil output ialah:

Bagaimana untuk memadam elemen dalam tatasusunan dalam es6

Dapat dilihat bahawa contoh di atas menggunakan a.pop() untuk memadamkan nilai 8 pada akhir tatasusunan, dan kemudian ia akan diulang Tetapkan indeks (mulakan semula dari 0); dan kaedah pop() juga akan menukar tatasusunan asal dan mengubah suai panjang tatasusunan!

Kaedah 3: Gunakan splice() untuk memadam sebarang elemen berdasarkan subskrip tatasusunan

Guna splice() untuk memadam satu atau lebih elemen bermula dari kedudukan subskrip yang ditentukan .

Sintaks untuk memadamkan elemen:

array.splice(index,howmany)
Salin selepas log masuk
  • Parameter pertama index boleh menentukan kedudukan subskrip permulaan (iaitu, kedudukan di mana elemen dipadamkan) ;

  • Parameter kedua howmany menentukan bilangan elemen yang perlu dipadamkan (iaitu satu atau lebih elemen yang perlu dipadamkan).

Mari kita lihat lebih dekat contoh berikut:

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

arr.splice(1,2);
console.log(arr);
Salin selepas log masuk

Dapat dilihat bahawa: gunakan arr.splice(1,2) untuk bermula dari kedudukan subskrip 1 (tatasusunan Elemen kedua) mula memadam 2 elemen, iaitu, arr[1] dan arr[2] dipadam, jadi hasil output ialah:

Bagaimana untuk memadam elemen dalam tatasusunan dalam es6

Menggunakan kaedah splice() kami juga Anda boleh memadamkan elemen pada permulaan dan akhir tatasusunan:

  • Jika anda ingin memadamkan elemen pada permulaan tatasusunan, hanya tetapkan nilai indeks parameter pertama kaedah ini kepada 0

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

arr.splice(0,2);
console.log(arr);
Salin selepas log masuk

Bagaimana untuk memadam elemen dalam tatasusunan dalam es6

  • Jika anda mahu memadamkan elemen pada penghujung tatasusunan , tetapkan nilai indeks parameter pertama kaedah ini kepada nombor negatif , maka ia akan diletakkan dari sebelah kanan tatasusunan ke kiri mengikut nilai mutlak dan nilai parameter kedua mestilah sama dengan nilai indeks.

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

//从倒数第二个元素开始,截取两个元素
arr.splice(-2,2);
console.log(arr);
Salin selepas log masuk

Bagaimana untuk memadam elemen dalam tatasusunan dalam es6

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk memadam elemen dalam tatasusunan dalam es6. 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