Hapus elemen pertama dan terakhir dari array javascript

Question

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

Table of Contents Show

Bagaimana cara menghapus item pertama dan terakhir dalam array JavaScript?
Bagaimana cara menghapus elemen terakhir dari array di JavaScript?
Bagaimana cara menghapus dua objek pertama dari array di JavaScript?
Bagaimana cara menghapus elemen pertama dari array?

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

Bagaimana cara menghapus item pertama dan terakhir dalam array JavaScript?

Untuk menghapus elemen larik pertama dan terakhir, Anda dapat menggunakan metode “shift()” dan “pop()” untuk menghapus elemen pertama dan terakhir dalam larik . and the “slice()” method to specify the index of the element in its argument, which needs to be removed.