体验js中splice()的强大(插入、删除或替换数组的元素)

 更新时间:2013年01月16日 16:16:47   作者:  
javascript splice()算是最强大的了,它可以用于插入、删除或替换数组的元素。下面来一一介绍,感兴趣的朋友
处理数组的方法很多,javascript splice()算是最强大的了,它可以用于插入、删除或替换数组的元素。下面来一一介绍!

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,返回删除的项

相关文章

  • 最常用的12种设计模式小结

    最常用的12种设计模式小结

    最常用的12种设计模式小结,学习js的朋友可以参考下。
    2011-08-08
  • javascript检测页面是否缩放的小例子

    javascript检测页面是否缩放的小例子

    简单写了下,只测试了chrome,道理很简单,其他浏览器自行扩充。
    2013-05-05
  • 基于Cesium绘制抛物弧线

    基于Cesium绘制抛物弧线

    这篇文章主要为大家详细介绍了基于Cesium绘制抛物弧线,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JS+CSS实现的简单折叠展开多级菜单效果

    JS+CSS实现的简单折叠展开多级菜单效果

    这篇文章主要介绍了JS+CSS实现的简单折叠展开多级菜单效果,涉及JavaScript页面元素的遍历及动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • js操作textarea 常用方法总结

    js操作textarea 常用方法总结

    在DOM里面操作textarea里面的字符,是比较麻烦的,本文将介绍一种比较简单的方法,需要的朋友可以参考下
    2012-12-12
  • JS响应鼠标点击实现两个滑块区间拖动效果

    JS响应鼠标点击实现两个滑块区间拖动效果

    这篇文章主要介绍了JS实现的两个滑块区间拖动效果代码,涉及JavaScript响应鼠标事件针对页面元素的动态操作技巧,需要的朋友可以参考下
    2015-10-10
  • H5页面跳转小程序的3种实现方式

    H5页面跳转小程序的3种实现方式

    这篇文章主要给大家介绍了关于H5页面跳转小程序的3种实现方式,说出来你可能不信,每位商家几乎都会h5转跳到小程序、H5转跳至小程序的应用范围十分广阔,需要的朋友可以参考下
    2023-08-08
  • javascript编程实现栈的方法详解【经典数据结构】

    javascript编程实现栈的方法详解【经典数据结构】

    这篇文章主要介绍了javascript编程实现栈的方法,简单说明了栈的概念、特点并结合实例形式分析了javascript栈的定义、入栈、出栈等操作相关实现技巧,需要的朋友可以参考下
    2017-04-04
  • 基于JavaScript实现飘落星星特效

    基于JavaScript实现飘落星星特效

    这篇文章主要为大家详细介绍了基于JavaScript实现飘落星星特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • layui使用label标签的方法

    layui使用label标签的方法

    今天小编就为大家分享一篇layui使用label标签的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论