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

Bagaimana untuk memadam elemen tatasusunan dalam es6

Oct 11, 2022 pm 06:11 PM
javascript es6 tatasusunan es6

Kaedah: 1. Gunakan shift() untuk memadam elemen pertama, sintaksnya ialah "array.shift()"; 2. Gunakan pop() untuk memadam elemen terakhir, sintaksnya ialah "array.pop ()"; 3 , gunakan panjang untuk memadam elemen terakhir, sintaksnya ialah "array.length=original array length - 1"; 4. Gunakan delete untuk memadam elemen dengan subskrip tertentu, sintaksnya ialah "delete array name [ subskrip]"; 5. Gunakan splice() untuk memadam Elemen pada sebarang kedudukan, sintaksnya ialah "array.splice(position,1)".

Bagaimana untuk memadam elemen tatasusunan dalam es6

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

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

Fungsi array.shift() boleh menukar tatasusunan Elemen pertama dikeluarkan daripadanya dan nilai elemen pertama dikembalikan kemudian semua elemen yang tinggal dianjakkan ke hadapan sebanyak 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 tatasusunan dalam es6

Nota: Kaedah shift() akan menukar tatasusunan asal dan mengubah suai panjang tatasusunan!

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

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

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 tatasusunan dalam es6

Nota: Kaedah pop() juga akan menukar tatasusunan asal dan mengubah suai panjang tatasusunan!

Kaedah 3: Gunakan atribut panjang untuk memadam elemen tatasusunan terakhir

Atribut panjang tatasusunan biasanya digunakan untuk menetapkan atau mengembalikan elemen dalam Nombor tatasusunan, iaitu, menetapkan atau mengembalikan panjang tatasusunan.

Kita boleh menggunakan ciri menetapkan panjang tatasusunan untuk menetapkan atribut panjang yang lebih kecil daripada panjang asal untuk memadam satu atau lebih elemen dari hujung tatasusunan jika nilai ditetapkan kepada 0, the keseluruhan tatasusunan akan dipadamkan.

Sintaks: 数组对象.length=原数组长度-1;

Contoh:

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

Bagaimana untuk memadam elemen tatasusunan dalam es6

Kaedah 4: Penggunaan Operator padam memadamkan elemen dengan subskrip tertentu

Kita semua tahu bahawa setiap elemen dalam tatasusunan mempunyai nombor siri, yang bermula dari 0 dan dipanggil subskrip (Indeks). Mengikut subskrip tatasusunan ini, kita boleh menggunakan borang 数组名[下标] untuk mengakses elemen subskrip yang ditentukan.

Selepas mengakses elemen yang ditentukan, anda boleh menggunakan operator delete untuk memadamkan elemen, tetapi panjang tatasusunan tidak akan berubah;

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);

delete arr[1];  //删除下标为1的元素(第二个元素)
console.log(arr);
Salin selepas log masuk

Bagaimana untuk memadam elemen tatasusunan dalam es6

Elemen kosong boleh dibaca dan ditulis, atribut panjang tidak mengecualikan jurang dan nilai pulangan elemen kosong tidak ditentukan

console.log(arr[1]);
Salin selepas log masuk

Bagaimana untuk memadam elemen tatasusunan dalam es6

Penjelasan: Unsur kosong dan unsur yang nilainya tidak ditentukan adalah dua konsep yang berbeza Malah nilai pulangan unsur kosong tidak ditentukan. Apabila JavaScript memulakan tatasusunan, ia boleh memperuntukkan memori hanya jika ia benar-benar menyimpan elemen berharga.

Kaedah 5: Gunakan splice() untuk memadam elemen pada sebarang kedudukan

Guna splice() untuk memadam elemen daripada kedudukan subskrip tertentu Mula memadam satu atau lebih elemen.

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).

Anda hanya perlu menetapkan parameter kedua howmany kepada 1, iaitu memadamkan elemen pada sebarang kedudukan indeks.

Mari kita lihat contoh berikut:

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

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

Bagaimana untuk memadam elemen tatasusunan dalam es6

Menggunakan kaedah splice(), kita juga boleh memadam elemen pada permulaan dan akhir operasi 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,1);
console.log(arr);
Salin selepas log masuk

Bagaimana untuk memadam elemen tatasusunan dalam es6

  • Jika anda ingin memadamkan elemen di hujung tatasusunan, tetapkan nilai indeks parameter pertama bagi kaedah kepada nombor negatif, maka ia akan dialih keluar dari tatasusunan mengikut nilai mutlaknya Mulakan kedudukan dari sebelah kanan ke kiri dan nilai parameter kedua berapa mesti sama dengan nilai indeks.

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

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

Bagaimana untuk memadam elemen tatasusunan dalam es6

【相关推荐:javascript视频教程web前端

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

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript Dec 17, 2023 pm 02:54 PM

Cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem pengecaman pertuturan dalam talian Pengenalan: Dengan perkembangan teknologi yang berterusan, teknologi pengecaman pertuturan telah menjadi bahagian penting dalam bidang kecerdasan buatan. Sistem pengecaman pertuturan dalam talian berdasarkan WebSocket dan JavaScript mempunyai ciri kependaman rendah, masa nyata dan platform merentas, dan telah menjadi penyelesaian yang digunakan secara meluas. Artikel ini akan memperkenalkan cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem pengecaman pertuturan dalam talian.

WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata Dec 17, 2023 pm 05:30 PM

WebSocket dan JavaScript: Teknologi utama untuk merealisasikan sistem pemantauan masa nyata Pengenalan: Dengan perkembangan pesat teknologi Internet, sistem pemantauan masa nyata telah digunakan secara meluas dalam pelbagai bidang. Salah satu teknologi utama untuk mencapai pemantauan masa nyata ialah gabungan WebSocket dan JavaScript. Artikel ini akan memperkenalkan aplikasi WebSocket dan JavaScript dalam sistem pemantauan masa nyata, memberikan contoh kod dan menerangkan prinsip pelaksanaannya secara terperinci. 1. Teknologi WebSocket

Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript Dec 17, 2023 am 09:39 AM

Cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem tempahan dalam talian Dalam era digital hari ini, semakin banyak perniagaan dan perkhidmatan perlu menyediakan fungsi tempahan dalam talian. Adalah penting untuk melaksanakan sistem tempahan dalam talian yang cekap dan masa nyata. Artikel ini akan memperkenalkan cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem tempahan dalam talian dan memberikan contoh kod khusus. 1. Apakah itu WebSocket? WebSocket ialah kaedah dupleks penuh pada sambungan TCP tunggal.

Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata Dec 17, 2023 pm 12:09 PM

Pengenalan kepada cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata: Dengan populariti Internet dan kemajuan teknologi, semakin banyak restoran telah mula menyediakan perkhidmatan pesanan dalam talian. Untuk melaksanakan sistem pesanan dalam talian masa nyata, kami boleh menggunakan teknologi JavaScript dan WebSocket. WebSocket ialah protokol komunikasi dupleks penuh berdasarkan protokol TCP, yang boleh merealisasikan komunikasi dua hala masa nyata antara pelanggan dan pelayan. Dalam sistem pesanan dalam talian masa nyata, apabila pengguna memilih hidangan dan membuat pesanan

Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP Jan 05, 2024 pm 06:08 PM

Tutorial JavaScript: Bagaimana untuk mendapatkan kod status HTTP, contoh kod khusus diperlukan: Dalam pembangunan web, interaksi data dengan pelayan sering terlibat. Apabila berkomunikasi dengan pelayan, kami selalunya perlu mendapatkan kod status HTTP yang dikembalikan untuk menentukan sama ada operasi itu berjaya dan melaksanakan pemprosesan yang sepadan berdasarkan kod status yang berbeza. Artikel ini akan mengajar anda cara menggunakan JavaScript untuk mendapatkan kod status HTTP dan menyediakan beberapa contoh kod praktikal. Menggunakan XMLHttpRequest

JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap Dec 17, 2023 pm 05:13 PM

JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap Pengenalan: Hari ini, ketepatan ramalan cuaca sangat penting kepada kehidupan harian dan membuat keputusan. Apabila teknologi berkembang, kami boleh menyediakan ramalan cuaca yang lebih tepat dan boleh dipercayai dengan mendapatkan data cuaca dalam masa nyata. Dalam artikel ini, kita akan mempelajari cara menggunakan teknologi JavaScript dan WebSocket untuk membina sistem ramalan cuaca masa nyata yang cekap. Artikel ini akan menunjukkan proses pelaksanaan melalui contoh kod tertentu. Kami

Bagaimana untuk mendapatkan kod status HTTP dalam JavaScript dengan cara yang mudah Bagaimana untuk mendapatkan kod status HTTP dalam JavaScript dengan cara yang mudah Jan 05, 2024 pm 01:37 PM

Pengenalan kepada kaedah mendapatkan kod status HTTP dalam JavaScript: Dalam pembangunan bahagian hadapan, kita selalunya perlu berurusan dengan interaksi dengan antara muka bahagian belakang, dan kod status HTTP adalah bahagian yang sangat penting daripadanya. Memahami dan mendapatkan kod status HTTP membantu kami mengendalikan data yang dikembalikan oleh antara muka dengan lebih baik. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mendapatkan kod status HTTP dan memberikan contoh kod khusus. 1. Apakah kod status HTTP bermakna kod status HTTP apabila penyemak imbas memulakan permintaan kepada pelayan, perkhidmatan tersebut

Bagaimana untuk menggunakan insertBefore dalam javascript Bagaimana untuk menggunakan insertBefore dalam javascript Nov 24, 2023 am 11:56 AM

Penggunaan: Dalam JavaScript, kaedah insertBefore() digunakan untuk memasukkan nod baharu dalam pepohon DOM. Kaedah ini memerlukan dua parameter: nod baharu untuk dimasukkan dan nod rujukan (iaitu nod di mana nod baharu akan dimasukkan).

See all articles