Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk memadam tatasusunan menggunakan splice dalam jquery

Bagaimana untuk memadam tatasusunan menggunakan splice dalam jquery

WBOY
WBOYasal
2022-05-12 11:34:532260semak imbas

Dalam jquery, anda boleh menggunakan kaedah "array.splice(index,howmany)" untuk memadamkan array, indeks parameter digunakan untuk menentukan kedudukan dari mana elemen harus dipadamkan dan parameter berapa digunakan untuk menentukan bilangan elemen yang perlu dipadamkan Jika ia tidak ditetapkan Parameter ini akan memadam semua elemen dari indeks hingga ke penghujung tatasusunan.

Bagaimana untuk memadam tatasusunan menggunakan splice dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Cara untuk memadam tatasusunan menggunakan splice dalam jquery

Kaedah splice() digunakan untuk menambah atau memadam elemen dalam tatasusunan.

Kaedah ini akan menukar tatasusunan asal.

Jika elemen dipadamkan, mengembalikan tatasusunan elemen. Jika tiada unsur dialih keluar, tatasusunan kosong dikembalikan.

Bagaimana untuk memadam tatasusunan menggunakan splice dalam jquery

Sintaksnya ialah:

array.splice(index,howmany,item1,.....,itemX)

indeks diperlukan. Menentukan tempat untuk menambah/mengalih keluar elemen. Parameter ini ialah indeks elemen tatasusunan untuk mula memasukkan dan/atau memadam, dan mestilah nombor.

berapa Pilihan. Menentukan bilangan elemen yang perlu dialih keluar. Mesti nombor, tetapi boleh "0". Jika parameter ini tidak dinyatakan, semua elemen bermula dari indeks hingga akhir tatasusunan asal akan dipadamkan.

item1, ..., itemX pilihan. Contoh elemen baharu

untuk ditambahkan pada tatasusunan adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>
<body>
<p id="demo">点击按钮添加和删除元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>

Hasil keluaran:

Bagaimana untuk memadam tatasusunan menggunakan splice dalam jquery

Berkaitan cadangan tutorial video: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk memadam tatasusunan menggunakan splice dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn