AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

向JavaScript的数组中添加元素的方法小结

51自学网 http://www.wanshiok.com
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


JavaScript,数组  
上一篇:详解JavaScript编程中的数组结构  下一篇:jQuery实现鼠标经过事件的延时处理效果