javascript 最强大的数组方法-splice()

  splice()方法向/从数组中添加/删除项目,然后返回被删除的项目。

  splice()方法的主要用途是向数组的中部插入项,使用这种方法的方式则有以下几种:

  • 删除:可以删除任意数量的项,只需要制定2个参数:要删除的第一项的位置和要删除的项数。

  例子: 

var array = new Array("niu","li","na");
var deleteItem = array.splice(0,2);
console.log("deleteItem:"+deleteItem.toString());
console.log("array:"+array.toString());

  结果:

  从结果可知,参数1是0,即从第0项开始,然后删除2项。删除的项目都会被返回回去,而且这种改变会影响到原数组,所以原数组只剩下项目“na”了。

  • 插入:可以向制定位置插入任意数量的项,只需提供三个参数:起始位置、0(要删除的项数)和要插入的项。如果要插入多个项,可以传入第四、第五,以致任意多个项。

  例子:

var array = new Array("niu","li","na");
var deleteItem = array.splice(0,0,"da","jia","hao");
console.log("deleteItem:"+deleteItem.toString());
console.log("array:"+array.toString());

  结果:

  函数返回的依旧是被删除的项目,幷在被删除的位置插入了新的项目。

  • 替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需要指定三个参数:起始位置、要删除的项数和要插入的任意数量的项,插入的项数不必和删除的数量相同。

  例子:

var array = new Array("niu","li","na");
var deleteItem = array.splice(0,1,"da","jia","hao");
console.log("deleteItem:"+deleteItem.toString());
console.log("array:"+array.toString());

  结果:

  

  该函数在原数组的基础上,删除了一项,函数返回的依旧是被删除的项目,幷在被删除的位置插入了新的项目。

  

  插入功能和替换功能的差别就是参数2。

  

  

时间: 2024-12-11 02:07:54

javascript 最强大的数组方法-splice()的相关文章

javascript中常用数组方法详细讲解

javascript中数组常用方法总结 1.join()方法: Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串.也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素.如果不指定分隔符,默认使用逗号.案例如下: var a=[1,2,3]; a.join();//=> "1,2,3" 因为没有指定分隔符,默认为逗号. a.join("+");//=> "1+2+3" 指定分隔符为+ a.

JavaScript中常见数组方法原数组改不改变

改变原数组 1 pop():删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不 改变数组,并返回 undefined 值.arrayObject.pop() 2 push(): push() 方法可把它的参数顺序添加到 arrayObject 的尾部. 它直接修改 arrayObject,而不是创建一个新的数组,arrayObject.push(newelement1,newelement2,….,newelementX

JS 数组方法splice的源码探究

Array.splice()splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改.var arr=[1,2,3,4]arr.splice(0,1)=[1]                 arr=[2,3,4]            删除arr.slice(0,1)=[2,3,4]             arr=[1,2,3,4]arr.splice(0,-1)=[]                  arr=[1,2,3,4]  arr.s

JavaScript字符串与数组方法整理

字符串(String)的方法: 代码后面的都是返回值 var str = "atusdgafsvg"; var str1 = "123456789"; var str0 = "sdasd tuyt weq fhf sw ss f g g"; var str5 = "Wdfdf T SDFDFdfdf"; //方法: //常用: //1. charAt() 返回指定索引处的字符 console.log(str.charAt(4)

javascript之操作数组方法

掌握如何操作数组,会让你的开发变得更加高效 1.栈和队列方法(以下四个方法都改变原数组) arr.push() //接受任意类型的参数,逐个添加到数组的末尾,并返回数组的长度 改变原数组 arr.pop() //从数组的末尾移除最后一项,减少数组的length值,返回移除的项 arr.shift() //移除数组中的第一个项并且返回该项,同时将数组的长度减一. arr.unshift() //在数组的前端添加任意个项,并返回新数组的长度 2.排序 reverse() //反转数组的排序 改变原数

JavaScript 基础(六) 数组方法 闭包

在一个对象中绑定函数,称为这个对象的方法.在JavaScript 中,对象的定义是这样的: var guagua = { name:'瓜瓜', birth:1990 }; 但是,如果我们给瓜瓜绑定一个函数,就可以做更多的事情. var guagua = { name:'瓜瓜', birth:1990, age:function(){ var y = new Date().getFullYear(); return y - this.birth; } } guagua.age; // functi

JavaScript中常用数组方法

1.concat() 连接不同的数组,组成一个新的数组: var a = [1,2,3]; var b = [4,5,6]; var c = a.concat(b);//[1,2,3,4,5,6]返回一个新的数组,不改变原数组 连接数值: var a = [1,2,3]; var b = a.concat(4, 5, 6);//[1,2,3,4,5,6]返回一个新的数组,不改变原数组 连接数值和数组: var a = [1,2,3]; var b = 4; var c = [5,6]; var

javascript快速产生数组方法

//生成[item1-item9]数组 Array(9).join(0).split('').map((item,index) => 'item' + (index+1)) //生成20个对象的数组 Array.apply(null,{length:20}).map(function(item,index){ return {name:'xxx',index:(index+1)}; });

javascript数组方法

javascript有许多数组方法,今天整理了一下: var a=[1,2,3]; a.join();//将数组中所有元素都转化为字符串并连接在一起,参数作为分隔符. a.reverse();//将数组中的元素点到顺序,返回逆序数组. a.sort();//将数组中的元素排序并返回排序后的数组. a.concat();//创建并返回一个新数组,其中返回数组包括a中元素和参数. a.slice();//方法返回制定数组的一个片段或子数组,通过下标作为参数截取. a.splice();//在数组中插