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

Bagaimana untuk memadam elemen dalam tatasusunan dalam es6

May 19, 2022 pm 07:17 PM
es6 tatasusunan es6

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!

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

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

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)

Adakah async untuk es6 atau es7? Adakah async untuk es6 atau es7? Jan 29, 2023 pm 05:36 PM

async ialah es7. async dan await ialah penambahan baharu kepada ES7 dan merupakan penyelesaian untuk operasi asynchronous/wait boleh dikatakan sebagai gula sintaktik untuk modul bersama dan fungsi penjana, menyelesaikan kod tak segerak dengan semantik yang lebih jelas. Seperti namanya, async bermaksud "tak segerak".

Bagaimana untuk membalikkan tatasusunan dalam ES6 Bagaimana untuk membalikkan tatasusunan dalam ES6 Oct 26, 2022 pm 06:19 PM

Dalam ES6, anda boleh menggunakan kaedah reverse() objek tatasusunan untuk mencapai pembalikan tatasusunan Kaedah ini digunakan untuk membalikkan susunan elemen dalam tatasusunan, meletakkan elemen terakhir dahulu dan elemen pertama terakhir .reverse()". Kaedah reverse() akan mengubah suai tatasusunan asal Jika anda tidak mahu mengubah suainya, anda perlu menggunakannya dengan operator pengembangan "..." dan sintaksnya ialah "[...array].reverse() ".

Mengapakah program mini perlu menukar es6 kepada es5? Mengapakah program mini perlu menukar es6 kepada es5? Nov 21, 2022 pm 06:15 PM

Untuk keserasian pelayar. Sebagai spesifikasi baharu untuk JS, ES6 menambah banyak sintaks dan API baharu Walau bagaimanapun, penyemak imbas moden tidak mempunyai sokongan tinggi untuk ciri baharu ES6, jadi kod ES6 perlu ditukar kepada kod ES5. Dalam alat pembangun web WeChat, babel digunakan secara lalai untuk menukar kod sintaks ES6 pembangun kepada kod ES5 yang disokong dengan baik oleh ketiga-tiga terminal, membantu pembangun menyelesaikan masalah pembangunan yang disebabkan oleh persekitaran yang berbeza hanya dalam projek Hanya konfigurasi dan semak Pilihan "ES6 hingga ES5".

Bagaimana untuk mencari item yang berbeza dalam dua tatasusunan dalam es6 Bagaimana untuk mencari item yang berbeza dalam dua tatasusunan dalam es6 Nov 01, 2022 pm 06:07 PM

Langkah-langkah: 1. Tukar dua tatasusunan untuk menetapkan jenis masing-masing, dengan sintaks "newA=new Set(a);newB=new Set(b);" 2. Gunakan has() dan filter() untuk mencari set perbezaan , dengan sintaks " new Set([...newA].filter(x =>!newB.has(x)))", elemen set perbezaan akan dimasukkan dalam koleksi set dan dikembalikan 3. Gunakan Array. daripada untuk menukar set menjadi Jenis tatasusunan, sintaks "Array.from(collection)".

Bagaimana untuk melaksanakan deduplikasi tatasusunan dalam es5 dan es6 Bagaimana untuk melaksanakan deduplikasi tatasusunan dalam es5 dan es6 Jan 16, 2023 pm 05:09 PM

Dalam es5, anda boleh menggunakan fungsi for dan indexOf() untuk mencapai deduplikasi tatasusunan Sintaks "for(i=0;i<array length;i++){a=newArr.indexOf(arr[i]);if(. a== -1){...}}". Dalam es6, anda boleh menggunakan operator spread, Array.from() dan Set untuk mengalih keluar penduaan anda perlu terlebih dahulu menukar tatasusunan menjadi objek Set untuk mengalih keluar pendua, dan kemudian menggunakan fungsi spread atau Array.from() untuk tukar objek Set kembali kepada kumpulan Just.

Apakah maksud zon mati sementara es6? Apakah maksud zon mati sementara es6? Jan 03, 2023 pm 03:56 PM

Dalam es6, zon mati sementara ialah ralat sintaks, yang merujuk kepada arahan let dan const yang menjadikan blok membentuk skop tertutup. Dalam blok kod, sebelum pembolehubah diisytiharkan menggunakan perintah let/const, pembolehubah tidak tersedia dan tergolong dalam "zon mati" pembolehubah sebelum pembolehubah diisytiharkan ini secara sintaksis dipanggil "zon mati sementara". ES6 menetapkan bahawa promosi pembolehubah tidak berlaku dalam zon mati sementara dan pernyataan let dan const, terutamanya untuk mengurangkan ralat masa jalan dan menghalang pembolehubah daripada digunakan sebelum ia diisytiharkan, yang mungkin membawa kepada tingkah laku yang tidak dijangka.

Adakah memerlukan sintaks es6? Adakah memerlukan sintaks es6? Oct 21, 2022 pm 04:09 PM

Tidak, memerlukan sintaks modular bagi spesifikasi CommonJS dan sintaks modular bagi spesifikasi es6 ialah import. memerlukan dimuatkan pada masa jalan, dan import dimuatkan pada masa penyusunan; memerlukan boleh ditulis di mana-mana dalam kod, import hanya boleh ditulis di bahagian atas fail dan tidak boleh digunakan dalam penyataan bersyarat atau skop fungsi diperkenalkan sahaja apabila memerlukan dijalankan Oleh itu, prestasi adalah agak rendah Sifat modul yang diperkenalkan semasa penyusunan import mempunyai prestasi yang lebih tinggi.

Adakah peta es6 dipesan? Adakah peta es6 dipesan? Nov 03, 2022 pm 07:05 PM

Peta dipesan. Jenis peta dalam ES6 ialah senarai tersusun yang menyimpan banyak pasangan nilai kunci Nama kunci dan nilai yang sepadan menyokong semua jenis data, kesetaraan nama kunci dinilai dengan memanggil kaedah "Objext.is()". , jadi nombor 5 dan rentetan "5" akan dinilai sebagai dua jenis, dan boleh muncul dalam program sebagai dua kekunci bebas.

See all articles