向JavaScript的數組中添加元素的方法小結

2024-05-06 16:24:51

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了向JavaScript的數組中添加元素的方法小結,分別舉了一些JS數組操作的例子,基本需要的朋友可以參考下

在數組的開頭添加新元素 - unshift()

源代碼:

<!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>

測試結果:

Lemon,Pineapple,Banana,Orange,Apple,Mango

在數組的第2位置添加一個元素 - splice()

源代碼:

<!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>

測試結果:

Banana,Orange,Lemon,Kiwi,Apple,Mango

數組的末尾添加新的元素 - push()

源代碼:

<!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>