Heim > Artikel > Web-Frontend > Detaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript
Detaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript
- yuliaOriginal
- 2018-10-10 11:41:3520476Durchsuche
JavaScript wird häufig in der Front-End-Entwicklung verwendet. Wissen Sie also, wie Sie mit JS bestimmte Elemente mit Werten löschen? In diesem Artikel werden verschiedene Methoden zum Löschen eines Elements eines Arrays in JS vorgestellt. Interessierte Freunde können sich darauf beziehen.
Methode 1: Slice() löscht Array-Elemente
Die Slice-Methode kann einen bestimmten Teil des Arrays abfangen und alle gängigen Browser unterstützen die Slice-Methode.
Syntax: array.slice(start, end)
Start gibt die Startposition des Abfangens an, Ende gibt die Endposition an, das Weglassen von Ende bedeutet, dass bis zum letzten Bit abgefangen wird.
Beispiel: Klicken Sie auf die Schaltfläche, um das erste Element des Arrays zu löschen
Beschreibung: Wenn wir das erste Element des Arrays löschen möchten, können wir zum Abfangen die Slice-Methode verwenden das erste Element Für andere Elemente als Slice(1) lautet der Code wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="demo">点击按钮删除第一个数组元素。</p>
<button onclick="myFunction()">点我</button>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
var animal1= animal.slice(1);
document.write("新数组是："+ animal1)
}
</script>
</html>Rendering:
Methode 2:shift() Array-Elemente löschen
Die Shift-Methode kann das erste Element des Arrays löschen und dann den Wert des ersten Elements zurückgeben. Alle gängigen Browser unterstützen die Shift-Methode. Der Nachteil besteht darin, dass nur das erste Element des Arrays gelöscht werden kann.
Syntax: array.shift()
Der Code lautet wie folgt:
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
var animal1= animal.shift();
document.write("删除的元素是："+ animal1)
}
</script>Rendering:
Methode 3: splice()-Methode zum Löschen von Array-Elementen
Die splice()-Methode kann Elemente des Arrays und alle wichtigen Elemente einfügen, löschen oder ersetzen Browser unterstützen die Splice-Methode.
Syntax: array.splice(index,howmany,item1,...,itemX)
index gibt an, wo Elemente hinzugefügt oder gelöscht werden sollen, howmany gibt an, wie viele Elemente gelöscht werden sollen, item gibt an, zu welchen hinzugefügt werden soll das neue Element des Arrays.
Beispielbeschreibung: Löschen Sie ein Element beginnend mit dem Index 0. Der Code lautet wie folgt:
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
var animal1= animal.splice(0,1);
document.write("删除的元素是："+ animal1)
}
</script>Rendering:
Above It stellt drei Methoden in JavaScript vor, um ein Element in einem Array zu löschen. Die Methoden sind jedoch unterschiedlich. Welche Methode sie bei der Arbeit wählen, hängt von ihren Arbeitsanforderungen und persönlichen Gewohnheiten ab Ich hoffe, dieser Artikel kann Ihnen helfen!
Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial PHP-Training für öffentliche Wohlfahrt
Das obige ist der detaillierte Inhalt vonDetaillierte grafische Erklärung zum Löschen eines Elements eines Arrays in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!