向JavaScript的数组中添加元素的方法小结
2015-10-24 00:00
871 查看
在数组的开头添加新元素 - 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编程中的数组结构
- js中slice splice split的区别
- 不允许直接访问jsp处理方式一过滤器
- ExtJS Desktop桌面图标换行
- <%@ include file=""%>和<jsp:include page="c.jsp"></jsp:include>区别
- JavaScript之 ------ 浏览器对象模型 (BOM)
- js——input框实现淘宝一样的点击后商品数量的增加和减少
- 201510232239_《Javascript权威指南(第六版)——不污染js(不可扩展和不可配置)、》(P243-244)
- 使用自定义tld标签简化jsp的繁琐操作
- 各个JSON技术的比较
- Javascript计数器
- 【翻译】Ext JS最新技巧――2015-10-21
- 借助 SublimeLinter 编写高质量的 JavaScript & CSS 代码
- 【翻译】Ext JS最新技巧——2015-10-21
- 【翻译】Ext JS最新技巧——2015-10-21
- 【翻译】Ext JS最新技巧——2015-10-21
- Douglas Crockford 大神写的 JavaScript 异步控制库:RQ(上)
- JSF -> 导航(Navigation)
- JavaScript之 ------ 一些常用的对象
- 【Leafletjs】6.Control.Loading推展-在地图上边框添加加载动态条