JavaScript menghapus elemen dari array

Programming

oleh Vinci terakhir diubah pada 29 Agustus 2022.

Dalam tutorial ini, mari kita pelajari beberapa dasar JavaScript. Bagaimana cara menghapus elemen dari array? Daftar di bawah ini memiliki contoh dalam beberapa bahasa.

  • PHP – array_splice ($inputArray, $offset)
  • Python – inputArray.remove($element) untuk menghapus item demi elemen. inputArray.pop($offset) untuk menghapus item ke daftar.

Artikel ini menyediakan kode untuk mempelajari cara melakukannya di JavaScript. JavaScript memiliki banyak contoh untuk menghapus elemen dari array.

  1. Hapus elemen dari larik JavaScript berdasarkan indeks atau nilai.
  2. Hapus semua elemen yang cocok dengan nilai dari larik JavaScript.
  3. Hapus elemen dari larik JavaScript menggunakan filter (alternatif).
  4. Hapus elemen pertama dari larik JavaScript.
  5. Hapus elemen terakhir dari larik JavaScript.

1) Hapus elemen dari array JavaScript (berdasarkan indeks dan nilai)

Contoh cepat ini mendapatkan indeks pertama dari elemen yang diberikan. Kemudian, itu menerapkan JavaScript sambatan() Dengan memposting posisi indeks pertama ini sambatan() Menghapus item dalam daftar yang ditentukan.

Contoh cepat

// this JavaScript example removes first occurrence of the matching element from array
const elements = [2, 5, 4, 5, 6, 5, 8];
console.log(elements);
// returns the index of the first match of value '5' from an array
const index = elements.indexOf(5);
// when the element is found the index will be non-negative
if (index > -1) {
	// the second parameter '1' asks to remove one element
	elements.splice(index, 1);
}
// result array after delete is [ 2, 4, 5, 6, 5, 8 ]
console.log(elements);

Tangkapan layar ini menunjukkan output dari contoh di atas. Ini menunjukkan pertama array asli dan kemudian array yang dimodifikasi setelah menghapus item.

JavaScript menghapus elemen array

2) Hapus semua elemen yang cocok dengan nilai dari larik JavaScript

Contoh ini membuat fungsi JavaScript khusus untuk menghapus semua kemunculan elemen tertentu. Iterasi semua elemen array dalam satu lingkaran.

Pada setiap iterasi, ia membandingkan dan memanggil array.sambungan() Dengan indeks saat ini di PHP, hampir satu baris untuk dihapus menggunakan semua kemunculan array_diff() Fungsi.

hapus-semua-item.html

<html>
<head>
<title>JavaScript Remove All Matching Element from Array</title>
</head>
<body>
    <h1>JavaScript Remove All Matching Element from Array</h1>
    <script>
		function removeAllItem(elementsArray, element) {
			var i = 0;

			// iterate the elements array and remove matching element 
			// till the end of the array index
			while (i < elementsArray.length) {
				if (elementsArray[i] === element) {
					elementsArray.splice(i, 1);
				} else {
					++i;
				}
			}
			return elementsArray;
		}

		// this JavaScript example removes all occurence of the matching element from array
		const elements = [ 2, 5, 4, 5, 6, 5, 8 ];
		console.log(elements);
		elementAfterRemoval = removeAllItem(elements, 5);
		console.log(elementAfterRemoval);
	</script>
</body>
</html>

keluaran

Original Array: (7) [2, 5, 4, 5, 6, 5, 8]
Output Array: (4) [2, 4, 6, 8]

3) Hapus elemen dari array javascript menggunakan filter (alternatif)

Ini adalah metode alternatif yang mengembalikan output array yang sama sebagai hasil dari penghapusan item.

Alih-alih loop, ini mem-parsing array input menggunakan filter JavaScript. Panggilan balik filter memeriksa kondisi untuk menemukan elemen yang akan dihapus.

Jika tidak ada kecocokan yang ditemukan, elemen saat ini didorong ke larik keluaran.

hapus-alternate.html

<html>
<head>
<title>JavaScript Remove Element from Array - Alternate Method
    using filter</title>
</head>
<body>
    <h1>JavaScript Remove Element from Array - Alternate Method
        using filter</h1>
    <script>
		const elements = [ 2, 5, 4, 5, 6, 5, 8 ];
		console.log(elements);
		var value = 5
		// filter function does not change the original array
		// but the splice function changes the original array
		newElements = elements.filter(function(item) {
			return item !== value
		})
		console.log(newElements)
		// result is [ 2, 4, 6, 8 ]
	</script>
</body>
</html>

keluaran

Original Array: (7) [2, 5, 4, 5, 6, 5, 8]
Output Array: (4) [2, 4, 6, 8]

4) Hapus elemen pertama dari array JavaScript

Dalam JavaScript, array.shift() Fungsi menghapus elemen pertama dari array input. partikel untuk objek langsung Menggeser() Fungsi mengembalikan elemen hapus, yaitu 2 dalam contoh ini.

hapus-elemen-pertama.html

<html>
<head>
<title>JavaScript Remove First Element from Array</title>
</head>
<body>
    <h1>JavaScript Remove First Element from Array</h1>
    <script>
		// the JavaScript shift function moves elements to the left
		// this is like pop from a stack
		// splice function can also be used to achieve this 
		var elements = [ 2, 5, 4, 5, 6, 5, 8 ];
		console.log(elements);
		// removedElement is 2
		var removedElement = elements.shift();
		// result array after delete is [ 5, 4, 5, 6, 5, 8 ]
		console.log(elements);
	</script>
</body>
</html>

keluaran

Original Array: (7) [2, 5, 4, 5, 6, 5, 8]
Output Array: (6) [5, 4, 5, 6, 5, 8]

5) Hapus elemen terakhir dari array menggunakan JavaScript

JavaScript memiliki fungsi array.pop() Untuk menghapus item terakhir dari array. Itu juga mengembalikan item yang dihapus ke titik kontak dengan cara yang sama array.shift().

Catatan: Jika array input kosong, Menggeser() Dan meniup() Dia akan kembali Tidak terdefinisi.

hapus-elemen-terakhir.html

<html>
<head>
<title>JavaScript Remove Last Element from Array</title>
</head>
<body>
    <h1>JavaScript Remove Last Element from Array</h1>
    <script>
		// the JavaScript pop function removes last element from an array
		var elements = [ 2, 5, 4, 5, 6, 5, 8 ];
		console.log(elements);
		// removedElement is 8
		var removedElement = elements.pop();
		// result array after delete is [ 2, 5, 4, 5, 6, 5 ];
		console.log(elements);
	</script>
</body>
</html>

keluaran

Original Array: (7) [2, 5, 4, 5, 6, 5, 8]
Output Array: (6) [2, 5, 4, 5, 6, 5]

Contoh ini membuat fungsi khusus dalam JavaScript untuk menghapus semua kemunculan elemen yang ditentukan. Sebagai gantinya, harus ada fungsi asli dalam JavaScript untuk melakukan ini. PHP, Python, dan sebagian besar bahasa memiliki fungsi bawaan untuk ini.

Unduh

Kembali ke atas


Source link

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.