详解JavaScript中splice()方法,有Demo详细介绍
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();
这二种方式创建的效果一样。
版权所属:SO JSON在线解析
原文地址:https://www.sojson.com/blog/112.html
转载时必须以链接形式注明原始出处及本声明。
如果本文对你有帮助,那么请你赞助我,让我更有激情的写下去,帮助更多的人。