JavaScript Pop: Cara menghapus elemen dari array – Codewithaden

Metode POP () sengaja generik dan dapat dipanggil atau diterapkan pada objek yang menyerupai array. Objek yang tidak mengandung properti panjang yang mencerminkan yang terakhir dalam serangkaian berturut -turut tidak dapat berperilaku dengan cara yang bermakna. Mari kita lihat metode array.pop () secara rinci.

JavaScript pop

Javascript Himpunan pop () adalah metode bawaan yang menghapus terakhir Item dari array dan mengembalikan elemen itu. Metode array pop () menerima argumen opsional dan mengembalikan elemen yang dihapus.

Metode pop () mengubah panjang array yang mengapa itu bukan fungsi murni.

Untuk menghapus elemen pertama dari suatu array, gunakan menggeser() metode. Jika array kosong, maka t dia Item yang dihapus adalah tidak terdefinisi

Mari kita ambil contoh sederhana. Buat app.js mengajukan.

// app.js

let apps = [
  { name: 'Amazon', value: 1 },
  { name: 'Amazon Prime', value: 21 },
  { name: 'Amazon Music', value: 10 },
  { name: 'Amazon Go', value: 100 },
  { name: 'Amazon Alexa', value: 13 }
];
removedItem = apps.pop();

console.log('The remaining items are: ', apps);
console.log('The removed item is: ', removedItem); 

Sekarang, item terakhir dari array dihapus, dan kita bisa mendapatkan item itu.

Javascript

Kita dapat melihat bahwa item dihapus, dan panjang array dimodifikasi.

Kami juga dapat melakukan operasi yang sama dengan bilangan bulat array.

// app.js

let numArr = [1, 3, 4, 5, 9];
let removedItem = numArr.pop();

console.log('The remaining items are: ', numArr);
console.log('The removed item is: ', removedItem); 

Array.prototype.pop()

Kita dapat melakukan hal yang sama untuk string array.

// app.js

let strArr = ['stan', 'bruce', 'warren', 'michael'];
let removedItem = strArr.pop();

console.log('The remaining items are: ', strArr);
console.log('The removed item is: ', removedItem); 

Javascript

Menghapus item tertentu dari array di JavaScript

Bagaimana cara menghapus elemen tertentu dari array di JavaScript?

Nah, metode splice () mengubah item array dengan menghapus elemen yang ada dan menambahkan item baru.

// app.js

let array = ['Millie', 'Gaten', 'Noah', 'Finn', 'Winona'];
console.log(array)

const index = array.indexOf('Noah');
if (index > -1) {
  array.splice(index, 1);
}

console.log('After removing Noah', array);
 

Pertama, kami telah menemukan indeks Nuh menggunakan JavaScript IndexOf () Metode dan kemudian hapus indeks itu dari array pada akhirnya hapus elemen dari array.

Perhatikan itu sambatan() memodifikasi array di tempat dan mengembalikan array baru yang berisi elemen yang telah dihapus.

Menghapus elemen dari akhir array

Mari kita hapus elemen JavaScript di akhir array tanpa menggunakan fungsi POP ().

// app.js

let arr = ['Friends','Eleven', 'Millie', 'Mike']
arr.length = 3;
console.log(arr);
 

Jadi, kami telah menghapus elemen dengan memodifikasi panjang array.

Ini bukan cara yang ideal untuk menghapus elemen dari array karena memodifikasi array yang ada.

Lihat outputnya.

➜  es git:(master) ✗ node app
[ 'Friends', 'Eleven', 'Millie' ]
➜  es git:(master) ✗
 

Metode POP () menghapus item terakhir dari array, mengembalikan item itu, dan memperbarui properti panjang.

Metode JS Pop () memodifikasi array yang dipanggil.

Menghapus elemen dari awal array

Metode JavaScript Shift () berfungsi seperti metode pop () kecuali menghapus elemen pertama dari array JavaScript alih -alih elemen terakhir.

Tidak ada parameter karena metode shift () hanya menghapus elemen array pertama.

Ketika suatu item dihapus, item yang tersisa dari array digeser ke bawah.

// app.js

let arr = ['Friends','Eleven', 'Millie', 'Mike']
arr.shift();
console.log(arr);
 

Lihat outputnya.

➜  es git:(master) ✗ node app
[ 'Eleven', 'Millie', 'Mike' ]
➜  es git:(master) ✗
 

Metode Shift () mengembalikan item yang telah dihapus.

Ini memperbarui indeks elemen yang tersisa dan memperbarui properti panjang.

Ini memodifikasi array yang dipanggil.

#Javascript array pop menurut nilai

Kita bisa membuat Fungsi global atau metode untuk objek khusus jika Anda tidak diizinkan untuk menambahkan ke prototipe asli.

Ini menghilangkan semua elemen dari array yang cocok dengan salah satu argumen.

Lihat kode berikut.

// app.js

Array.prototype.remove = function() {
  var what, a = arguments, L = a.length, ax;
  while (L && this.length) {
      what = a[--L];
      while ((ax = this.indexOf(what)) !== -1) {
          this.splice(ax, 1);
      }
  }
  return this;
};

let arr = ['three', 'seven', 'eleven', 'eight'];

arr.remove('seven');

console.log(arr);
 

Dalam contoh kode di atas, kami menghapus nama item tujuh Dari sebuah array, dan kami telah mendefinisikan fungsi global yang disebut JavaScript array Rem RemeC ().

Lihat outputnya.

➜  es git:(master) ✗ node app
[ 'seven', 'eleven', 'eight' ]
➜  es git:(master) ✗
 

#Remove Object Properti di JavaScript

Kita bisa menggunakan javascript Hapus operator untuk menghapus elemen tertentu.

// app.js

let data = new Object();

data["firstname"] = "Bob";
data["lastname"] = "Odinkirk";
data["age"] = 55;
console.log(data);

delete data["lastname"];
console.log(data);
 

Lihat outputnya.

➜  es git:(master) ✗ node app
{ firstname: 'Bob', lastname: 'Odinkirk', age: 55 }
{ firstname: 'Bob', age: 55 }
➜  es git:(master) ✗
 

Akhirnya, cara menghapus elemen dalam contoh array JS sudah berakhir.

Posting yang disarankan

Array dorongan di javascript

Metode Pop Push Shift dan Unshift Array di JavaScript

Contoh Array JavaScript

JavaScript array unshift ()

JavaScript array copywithin ()

Array foreach, peta, filter, redukir, metode concat dalam javascript

JavaScript array foreach ()

JavaScript Array Every ()

Artikel ini berasal dari website Winpoin, dan kemudian diterjemahkan ke bahasa indonesia, baca artikel asli disini

Leave a Reply

Your email address will not be published. Required fields are marked *