Heim > Web-Frontend > js-Tutorial > Hauptteil

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

韦小宝
Freigeben: 2018-01-26 11:05:22
Original
4033 Leute haben es durchsucht

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>
Nach dem Login kopieren

Testergebnisse:

Lemon,Pineapple,Banana,Orange,Apple,Mango
Nach dem Login kopieren

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>
Nach dem Login kopieren

Testergebnis:

Banana,Orange,Lemon,Kiwi,Apple,Mango
Nach dem Login kopieren

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>
Nach dem Login kopieren

Testergebnisse:

Banana,Orange,Apple,Mango,Kiwi
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!