Cara menggunakan REMOVE pada JavaScript

Menghapus nama "class" pada elemen HTML dapat dilakukan dengan menggunakan Javascript.

Table of Contents Show

1. JavaScript | Array pop()
2. JavaScript | Pergeseran larik()
3. JavaScript | Array.splice() Metode
4. JavaScript | Filter larik()
Kesimpulan

Pertama, pilih elemen dengan menggunakan selector. Anda dapat menggunakan berbagai macam selector. Pada contoh berikut digunakan selector class.

Pada contoh diatas, class yang dihapus dalah class "b" yang terdapat pada elemen dengan nama class "a".

Jika tidak terdapat nama class "b" pada elemen dengan nama class a, maka tidak ada proses penghapusn terjadi, dan tidak ada ERROR yang dijumpai.

Anda juga bisa menghapus nama class yang anda gunakan pada selector. Misalnya pada contoh berikut, digunakan nama class "a" pada selector, dan kemudian dihapus.

Jika terdapat beberapa elemen dengan nama class tertentu, maka program dituliskan seperti pada contoh berikut.

Array JavaScript memungkinkan Anda mengelompokkan nilai dan mengulanginya. Anda dapat menambah dan menghapus elemen array dengan cara yang berbeda. Sayangnya tidak ada metode Array.remove yang sederhana.

Jadi, bagaimana Anda menghapus elemen dari array JavaScript?
Ada 4 banyak metode yang digunakan untuk menghapus elemen dari array JavaScript yang dibahas di bawah ini:

pop() JavaScript – Hapus elemen terakhir dari array javascript
shift() JavaScrip t – Hapus elemen pertama dari array javascript
sambatan() JavaScript – Hapus elemen tertentu dari array javascript
filter() JavaScript – Memungkinkan Anda untuk menghapus elemen secara terprogram dari Array

1. JavaScript | Array pop()

Fungsi arr.pop() digunakan untuk menghapus elemen terakhir dari array dan juga mengembalikan elemen yang dihapus. Fungsi ini mengurangi panjang array sebesar 1. Sintaks dari fungsi ini adalah sebagai berikut:

arr.pop()

Argumen
Fungsi ini tidak memiliki argumen apa pun.

Nilai kembali
Fungsi ini mengembalikan elemen yang dihapus. Jika array kosong, maka fungsi ini kembali tidak terdefinisi .

Contoh :

var arr = [34, 234, 567, 4]; var popped = arr.pop(); print(popped); print(arr);

Keluaran:

4 34,234,567

Dalam contoh ini fungsi pop () menghapus elemen terakhir dari array, yaitu 4 dan mengembalikannya.

2. JavaScript | Pergeseran larik()

arr.shift() function menghapus elemen pertama dari array sehingga mengurangi ukuran array asli sebesar 1.

Sintaksis:

arr.shift()

Argumen

Fungsi ini tidak mengambil argumen apa pun.

file_put_contents gagal membuka streaming

Nilai kembali

Fungsi ini mengembalikan elemen pertama larik yang dihapus.
Jika array kosong maka fungsi ini mengembalikan tidak terdefinisi.

Catatan : Fungsi ini juga dapat digunakan dengan objek javascript lain yang berperilaku seperti array.

Contoh :

var arr = [34, 234, 567, 4]; print(arr.shift()); print(arr);

Keluaran:

34 234,567,4

Dalam contoh ini fungsi menggeser() menghapus elemen pertama dari array, oleh karena itu ia mengembalikan 3. 4 .

3. JavaScript | Array.splice() Metode

Metode Array.splice() adalah metode bawaan dalam JavaScript yang digunakan untuk memodifikasi konten array dengan menghapus elemen yang ada dan/atau dengan menambahkan elemen baru.

Sintaksis:

Array.splice( index, remove_count, item_list )

Parameter: Metode ini menerima banyak parameter, beberapa di antaranya dijelaskan di bawah ini:

indeks : Ini adalah parameter yang diperlukan. Parameter ini adalah indeks yang mulai memodifikasi array (dengan Origin di 0). Ini bisa negatif juga, yang dimulai setelah itu banyak elemen dihitung dari akhir.
kerangka kerja jaringan sosial nodejs
hapus_hitung : Jumlah elemen yang akan dihapus dari indeks awal.
item_daftar : Daftar item baru yang dipisahkan oleh operator koma yang akan disisipkan dari indeks awal.

Nilai Kembali : Meskipun memutasi larik asli di tempat, tetap saja ia mengembalikan daftar item yang dihapus. Jika tidak ada larik yang dihapus, ia mengembalikan larik kosong.

Contoh di bawah ini menggambarkan Array.sambatan() metode dalam JavaScript:

Contoh:

 var languages = ['C++', 'Java', 'Html', 'Python', 'C']; document.write(languages + ' 
'); // Add 'Julia' and 'Php' after removing 'Html'. var removed = languages.splice(2, 1, 'Julia', 'Php') document.write(languages + ' 
'); document.write(removed + ' 
'); // No Removing only Insertion from 2nd index from the ending languages.splice(-2, 0, 'Pascal') document.write(languages)

Keluaran:

C++,Java,Html,Python,C C++,Java,Julia,Php,Python,C Html C++,Java,Julia,Php,Pascal,Python,C

4. JavaScript | Filter larik()

arr.filter() function digunakan untuk membuat array baru dari array tertentu yang hanya terdiri dari elemen-elemen dari array yang diberikan yang memenuhi kondisi yang ditetapkan oleh fungsi argumen. Sintaks dari fungsi yang diberikan adalah sebagai berikut:

var newArray = arr.filter(arg_function[, this_arg])

Di sini arr adalah array asli yang diberikan.

Argumen
Argumen untuk fungsi ini adalah fungsi lain yang mendefinisikan kondisi yang akan diperiksa untuk setiap elemen array. arg_function ini sendiri membutuhkan tiga argumen:

array
Ini adalah larik tempat fungsi .filter() dipanggil.
index
Ini adalah indeks elemen saat ini yang sedang diproses oleh fungsi.
element
Ini adalah elemen saat ini yang sedang diproses oleh fungsi.

Argumen lain **this_arg **digunakan untuk memberi tahu fungsi agar menggunakan nilai ini saat menjalankan fungsi argumen.

email verizon lupa kata sandi

Nilai kembali
Fungsi ini mengembalikan array baru yang hanya terdiri dari elemen-elemen yang memenuhi kondisi arg_function.

Contoh

function isPositive(value) { return value > 0; } var filtered = [112, 52, 0, -1, 944].filter(isPositive); print(filtered);

Keluaran:

[112,52,944]

Dalam contoh ini fungsi Saring() membuat array baru yang hanya terdiri dari elemen-elemen yang memenuhi kondisi yang diperiksa oleh adalahPositif() fungsi.

Kesimpulan

Menghapus item Array JavaScript penting untuk mengelola data Anda. Tidak ada satu metode 'hapus' yang tersedia, tetapi ada berbagai metode dan teknik yang dapat Anda gunakan untuk membersihkan item array yang tidak diinginkan.

Terima kasih sudah membaca

#javascript