Heim > Artikel > Web-Frontend > Detaillierte grafische Erläuterung von drei Methoden zum Hinzufügen von Elementen zu Arrays in JavaScript
Detaillierte grafische Erläuterung von drei Methoden zum Hinzufügen von Elementen zu Arrays in JavaScript
- yuliaOriginal
- 2018-10-11 11:38:124587Durchsuche
Arrays sind ein wichtiger Bestandteil von JavaScript. Wissen Sie also, wie man Elemente zu JS-Arrays hinzufügt? In diesem Artikel erfahren Sie, wie Sie Elemente zu JS-Arrays hinzufügen. Interessierte Freunde können einen Blick darauf werfen.
Methode 1, unshift()-Methode
Die unshift-Methode kann ein oder mehrere Elemente am Anfang des Arrays hinzufügen und dann die Länge des neuen Arrays zurückgeben und alle gängigen Browser. Alle Prozessoren unterstützen die Unshift-Methode.
Syntax: array.unshift(item1,item2, ..., itemX)
Beispiel: Klicken Sie auf die Schaltfläche, um „Hund“ am Anfang des Arrays hinzuzufügen
Der Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button onclick="myFunction()">点我</button>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
var animal1= animal.unshift("dog");
document.write("数组长度："+ animal1+"新数组："+animal)
}
</script>
</html>Rendering:
Methode 2, push()-Methode
Die Push-Methode kann ein oder mehrere Elemente am Ende des Arrays hinzufügen und dann die Länge des neuen Arrays zurückgeben, und alle gängigen Browser unterstützen die push()-Methode.
Syntax: array.push(item1, item2, ..., itemX)
Der Code lautet wie folgt:
<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
var animal1= animal.push("dog");
document.write("数组长度："+ animal1+"新数组："+animal)
}
</script>Methode 3, splice() Methode
Die Methode splice() kann Elemente in ein Array einfügen, löschen oder ersetzen, und alle gängigen Browser unterstützen die Methode splice.
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.
Der Code lautet wie folgt:
<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
var animal1= animal.splice(0,0,"dog");
document.write("新数组："+animal)
}
</script>Das Obige stellt drei Methoden zum Hinzufügen von Elementen zu Arrays in JS vor, nämlich die Methode unshift(), die Methode push() und splice() Verfahren. Welche Methode man bei der Arbeit wählt, hängt von den beruflichen Bedürfnissen und persönlichen Gewohnheiten ab. Neulinge können es selbst ausprobieren, um ihr Verständnis zu vertiefen.
Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial PHP Charity Training
Das obige ist der detaillierte Inhalt vonDetaillierte grafische Erläuterung von drei Methoden zum Hinzufügen von Elementen zu Arrays in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!