首頁 > 開發者 > JavaScript
向JavaScript的數組中添加元素的方法小結，javascript數組
在數組的開頭添加新元素 - 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>
測試結果:
Banana,Orange,Apple,Mango,Kiwi
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
