Heim > Artikel > Web-Frontend > Zusammenfassung der Methoden zum Hinzufügen von Elementen zu JavaScript-Arrays_Grundkenntnisse

Zusammenfassung der Methoden zum Hinzufügen von Elementen zu JavaScript-Arrays_Grundkenntnisse

WBOYOriginal: 2016-05-16 15:35:131555Durchsuche

Neues Element am Anfang des Arrays hinzufügen – unshift()
Quellcode:

<!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()
Quellcode:

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

Testergebnisse:

Banana,Orange,Lemon,Kiwi,Apple,Mango

Neue Elemente am Ende des Arrays hinzufügen – push()
Quellcode:

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

Testergebnisse:

Banana,Orange,Apple,Mango,Kiwi

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 erhalten Sie URL-Parameter und URL-Plus-Parameter in jquery_jqueryNächster Artikel：So erhalten Sie URL-Parameter und URL-Plus-Parameter in jquery_jquery

In Verbindung stehende Artikel

Mehr sehen