suchen

Heim >Web-Frontend >js-Tutorial >Zusammenfassung der Methoden zum Hinzufügen von Elementen zu JS-Arrays

Zusammenfassung der Methoden zum Hinzufügen von Elementen zu JS-Arrays

韦小宝
韦小宝Original
2018-01-26 11:05:224081Durchsuche

In diesem Artikel wird beschrieben, wie Sie neue Elemente zu JSArrays hinzufügen. Dabei werden verschiedene Methoden zum Hinzufügen von Elementen zu JS-Arrays verwendet. Arrays werden in JSDaten sehr häufig verwendet. Einer der Typen , und die Arbeit mit Arrays ist eine der Grundlagen, die wir kennen müssen.

Werfen wir einen Blick auf einige Methoden zum Hinzufügen von Elementen zu JS-Arrays!

Neues Element am Anfang des Arrays hinzufügen - unshift()
Testcode: 

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to add elements to the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script> 
<p><b>Note:</b> The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>
</body>
</html>

Testergebnisse: 

Lemon,Pineapple,Banana,Orange,Apple,Mango

Fügen Sie ein Element an Position 2 des Arrays hinzu - splice()
Testcode :

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to add elements to the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>

Testergebnis: 

Banana,Orange,Lemon,Kiwi,Apple,Mango

Neues Element am Ende des Arrays hinzufügen - push()
Testcode:

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to add a new element to the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction()
{
fruits.push("Kiwi")
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>

Testergebnisse: 

Banana,Orange,Apple,Mango,Kiwi

Jede dieser Methoden hat ihre eigenen Vorteile. Schüler, die mit Array-Operationen in JS nicht vertraut sind, sollten sie üben vorsichtig.

Empfohlene Lektüre:

Hinweise zur push-Methode im JavaScript-Array

push()-Methode kann eine hinzufügen oder mehr Elemente an das Ende eines Arrays und gibt die neue Länge zurück.

Javascript-Array-Deduplizierungs-/Such-/Einfüge-/Löschmethoden

In diesem Artikel geht es um verschiedene Operationen an Arrays.

Einführung in die Methode zum Löschen bestimmter Elemente in JavaScript-Arrays

Das Löschen bestimmter Elemente in JS-Arrays ist ein Problem, mit dem jeder von uns konfrontiert ist


Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden zum Hinzufügen von Elementen zu JS-Arrays. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So nutzen Sie jQuerys Promise richtigNächster Artikel：So nutzen Sie jQuerys Promise richtig

In Verbindung stehende Artikel

Mehr sehen