详解JavaScript中splice()方法,有Demo详细介绍

信息发布:生如夏花 发布日期:2016-08-22 16:31 热度:469 分享到:

splice  ()函数是一个比较少用的函数,但是功能确实很好,并且在我们Coding的时候,经常有需要 splice  方法,但是我们不知道这个方法的存在,那么我们来介绍一下 splice  方法。

Javascript  splice  ()方法,是一个很强的数组方法,它有多种用法。

splice  ()主要用来向数组中添加新的值。

那么下面来演示三种使用场景。

一、删除。

需要2个参数,第一个参数为“起始位”,第二个参数表示删除多少个。下面的 Demo  很清楚了吧。

//创建数组
var array = [];
//添加值
array.push(1);
array.push(2);
array.push(3);
//删除,从第 0 个开始,删除一个元素。
array.splice(0,1);
console.log(array);//结果为: [2, 3]

二、插入/添加值。

在向一个数组中添加或者插入值的时候,我们需要3个参数,第一个为“起始位”,第二个为“要删除元素个数”,第二个以后为:“要插入的项”,我们看Demo。

//创建数组
var array = [];
//添加值
array.push(1);
array.push(2);
array.push(3);
//在向一个数组中添加或者插入值。
array.splice(1,1,"添加值1","添加值2","添加值3");
console.log(array);//结果为: [1, "添加值1", "添加值2", "添加值3", 3]

看明白了吧,从第一个开始,也就是原来数组中的“2”的位置,然后第二个参数表示删除一个,也就是要删除数字2”,然后"添加值1","添加值2","添加值3" 为要新插入的值。

如果我们不需要删除,那么第二个参数为“0”即可。

三、替换。

其实替换和第二个方式一样,其实就是插入几个就删除几个,就达到效果了,我们还是来一个Demo吧。

//创建数组
var array = [];
//添加值
array.push(1);
array.push(2);
array.push(3);
//我们把2和3替换成5和6
array.splice(1,2,5,6);
console.log(array);//结果为: [1, 5, 6]

额外补充:在 Javascript  中,创建 数组  ,我知道的有二种方式。

  • var array = [];
  • var array = new Array();

这二种方式创建的效果一样。


本文主题

如果本文对你有帮助,那么请你赞助我,让我更有激情的写下去,帮助更多的人。

¥我需要走的更远,点击我 赞助。 如果还有疑问,点击我加群,为你提供最好的解答。


工具导航地图

 
Nodejs + socket Demo 赞助二维码 赞助名单 百度口碑点赞 查看QQ群美女帅哥 点击加QQ群 听音乐 开启弹幕 X
反馈意见