网页前端设计

http://www.86y.org
feedskyQQ邮箱

搜索文章

体验js中splice处理数组的强大

关注我吧
 2012/10/7 17:25:30 阅读次数:2900

处理数组的方法很多,splice()算是最强大的了,它可以用于插入、删除或替换数组的元素。同样适用于json数据。

下面来一一介绍!

1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)

2.插入-向数组指定位置插入任意项元素。三个参数,第一个参数(其实位置),第二个参数(0),第三个参数(插入的项)

3.替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)

看下面这段代码就明白了!

 var lang = ["php","java","javascript"];
 //删除
 var removed = lang.splice(1,1);
 alert(lang);  //php,javascript
 alert(removed);  //java ,返回删除的项
 
 //插入
        var insert = lang.splice(0,0,"asp"); //从第0个位置开始插入
 alert(insert); //返回空数组
 alert(lang);  //asp,php,javascript
 
 //替换
        var replace = lang.splice(1,1,"c#","ruby"); //删除一项,插入两项
 alert(lang); //asp,c#,ruby
 alert(replace);  //php,返回删除的项

json实例如下:(删除一0行元素并显示最新数组有几行)

<script>
var oo = { 
"lw": [ 
{ "value": "Brett", "num":"1", "price": "12.00" }, 
{ "value": "Jason", "num":"2", "price": "12.00" }, 
{ "value": "Elliotte", "num":"3", "price": "12.00" }, 
{ "value": "Elliotte", "num":"3", "price": "12.00" } 
]
}; 
var cc = { "value": "Elliotte", "num":"3", "price": "12.00" } 
oo.lw.splice(0,1);//删除lw第1行所有元素
//oo.lw.splice(1,1);//删除lw第2行所有元素
alert(oo.lw.length); 
</script>

大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:【幸凡前端技术交流群】
0

如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)

阅读全文内容关闭