Dalam tutorial ini, Anda akan belajar cara menghapus elemen pertama dan terakhir dalam array di javascript. Array sangat berguna untuk menyimpan banyak item. Barang-barang ini mungkin atau mungkin tidak memiliki tipe data yang sama
Seperti yang Anda ketahui, array memiliki indeks berbasis 0 dan jika Anda mengetahui indeks suatu item, Anda dapat dengan mudah menghapusnya dari array. Namun, untuk menghapus item pertama dan terakhir, kami dapat menggunakan metode bawaan shift() dan pop(). Metode shift()_ akan menghapus item pertama dalam array dan metode pop() akan menghapus item terakhir dalam array
Dalam contoh berikut, kami memiliki pengguna array global dan setelah mengklik tombol, saya ingin menghapus item pertama dan terakhir. Ada 2 tombol, satu tombol untuk menghapus item pertama dan satu tombol lagi untuk menghapus item terakhir. Silakan lihat contoh kode dan langkah-langkah yang diberikan di bawah ini
Metode shift()_ menghapus elemen pertama dari array dan mengembalikan elemen yang dihapus itu. Metode ini mengubah panjang array
shift()
Elemen yang dihapus dari array;
Metode shift()_ menghapus elemen pada indeks nol dan menggeser nilai pada indeks berurutan ke bawah, lalu mengembalikan nilai yang dihapus. Jika properti length_ adalah 0, undefined dikembalikan
Metode pop() memiliki perilaku yang mirip dengan shift(), tetapi diterapkan pada elemen terakhir dalam array
Metode shift()_ adalah metode mutasi. Itu mengubah panjang dan isi const myFish = ["angel", "clown", "mandarin", "surgeon"]; console.log("myFish before:", JSON.stringify(myFish)); // myFish before: ['angel', 'clown', 'mandarin', 'surgeon'] const shifted = myFish.shift(); console.log("myFish after:", myFish); // myFish after: ['clown', 'mandarin', 'surgeon'] console.log("Removed this element:", shifted); // Removed this element: angel 2. Jika Anda ingin nilai const myFish = ["angel", "clown", "mandarin", "surgeon"]; console.log("myFish before:", JSON.stringify(myFish)); // myFish before: ['angel', 'clown', 'mandarin', 'surgeon'] const shifted = myFish.shift(); console.log("myFish after:", myFish); // myFish after: ['clown', 'mandarin', 'surgeon'] console.log("Removed this element:", shifted); // Removed this element: angel _2 sama, tetapi mengembalikan array baru dengan elemen pertama dihapus, Anda dapat menggunakan const myFish = ["angel", "clown", "mandarin", "surgeon"]; console.log("myFish before:", JSON.stringify(myFish)); // myFish before: ['angel', 'clown', 'mandarin', 'surgeon'] const shifted = myFish.shift(); console.log("myFish after:", myFish); // myFish after: ['clown', 'mandarin', 'surgeon'] console.log("Removed this element:", shifted); // Removed this element: angel 4 sebagai gantinya
Metode shift()_ adalah. Itu hanya mengharapkan nilai const myFish = ["angel", "clown", "mandarin", "surgeon"]; console.log("myFish before:", JSON.stringify(myFish)); // myFish before: ['angel', 'clown', 'mandarin', 'surgeon'] const shifted = myFish.shift(); console.log("myFish after:", myFish); // myFish after: ['clown', 'mandarin', 'surgeon'] console.log("Removed this element:", shifted); // Removed this element: angel _2 memiliki properti length dan properti dengan kunci bilangan bulat. Meskipun string juga mirip array, metode ini tidak cocok untuk diterapkan padanya, karena string tidak dapat diubah
Kode berikut menampilkan array const myFish = ["angel", "clown", "mandarin", "surgeon"]; console.log("myFish before:", JSON.stringify(myFish)); // myFish before: ['angel', 'clown', 'mandarin', 'surgeon'] const shifted = myFish.shift(); console.log("myFish after:", myFish); // myFish after: ['clown', 'mandarin', 'surgeon'] console.log("Removed this element:", shifted); // Removed this element: angel _8 sebelum dan sesudah menghapus elemen pertamanya. Ini juga menampilkan elemen yang dihapus
const myFish = ["angel", "clown", "mandarin", "surgeon"]; console.log("myFish before:", JSON.stringify(myFish)); // myFish before: ['angel', 'clown', 'mandarin', 'surgeon'] const shifted = myFish.shift(); console.log("myFish after:", myFish); // myFish after: ['clown', 'mandarin', 'surgeon'] console.log("Removed this element:", shifted); // Removed this element: angel _
Metode shift() sering digunakan dalam kondisi di dalam perulangan while. Dalam contoh berikut, setiap iterasi akan menghapus elemen berikutnya dari array, hingga kosong
const names = ["Andrew", "Tyrone", "Paul", "Maria", "Gayatri"]; while (typeof (i = names.shift()) !== "undefined") { console.log(i); } // Andrew, Tyrone, Paul, Maria, Gayatri
Metode shift()_ membaca properti length dari const myFish = ["angel", "clown", "mandarin", "surgeon"]; console.log("myFish before:", JSON.stringify(myFish)); // myFish before: ['angel', 'clown', 'mandarin', 'surgeon'] const shifted = myFish.shift(); console.log("myFish after:", myFish); // myFish after: ['clown', 'mandarin', 'surgeon'] console.log("Removed this element:", shifted); // Removed this element: angel 2. Jika 0, length diatur ke const names = ["Andrew", "Tyrone", "Paul", "Maria", "Gayatri"]; while (typeof (i = names.shift()) !== "undefined") { console.log(i); } // Andrew, Tyrone, Paul, Maria, Gayatri 3 lagi (padahal mungkin negatif atau undefined sebelumnya). Jika tidak, properti di const names = ["Andrew", "Tyrone", "Paul", "Maria", "Gayatri"]; while (typeof (i = names.shift()) !== "undefined") { console.log(i); } // Andrew, Tyrone, Paul, Maria, Gayatri _3 dikembalikan, dan properti lainnya digeser ke kiri satu. Properti length_ dikurangi satu