js删除数组中的元素“delete”和“splice”的区别是什么?

JavaScript020

js删除数组中的元素“delete”和“splice”的区别是什么?,第1张

splice删除后将返回一个新数组,包含被删除的元素, delete则返回布尔值。splice删除元素的同时会缩短原数组长度,delete只是删除元素,并不会修改数组长度。splice可以批量删除多个连续的元素,delete只能逐一删除。

方法一:delete 删除数组,delete textArr[1]  结果为: [ "a",undefined,"c","d"]  ,只是被删除的元素变成了 undefined 其他的元素的键值还是不变。方法二:aplice 删除数组,splice(index,len,[item])    注释:该方法会改变原始数组。index:数组开始下标        len: 替换/删除的长度       item:替换的值,删除操作的话 item为空。textArr.splice(1,1)  结果为:["a","c","d"] 直接删除了数组 改变了数组的值。

数组对象splice方法:arr.splice(1,1)这种方式数组长度相应改变,但是原来的数组索引也相应改变,splice参数中第一个1,是删除的起始索引(从0算起),在此是数组第二个元素第二个1,是删除元素的个数,在此只删除一个元素,即'b'此时遍历数组元素可以用普通遍历数组的方式,比如for,因为删除的元素在数组中并不保留。

不知道大家对 slice, splice, splite 是肿么样的感觉,反正我刚接触到这三个函数的时候整个人都懵了,因为一个个长的跟孪生兄弟似的,每次用的时候都会混,甚至懒得记住他们的功能。所以为了帮组和我一样有困扰的人,我们来解决它。

三个方法除了长得像,其实功能完全不一样,为了帮助记忆,先总结一下:

1. slice 是 Array 和 String 都有的方法,功能也和字符串的 slice 是一样,截取区间值用的。 String的slice()方法请看上篇文章: js里相似的方法比较系列(一)String的slice,substring,substr方法区别 。

2. splice 仅是数组 Array 的方法,splice比slice外观上多个p,这一个p蹦出了天差地别,功能超级强大。它能用来插入、删除甚至替换数组的元素。

3. split 仅仅是字符串的方法,外观上也有p,但是少了ce,还多了个t。这个t厉害了,一脚把字符串踢成了多段,吓得字符串变成了数组。没错, split() 方法就是用来把一个字符串分割成字符串数组。

下面我就来分别说说他们:

用法:array.slice(start, end)

解释: slice() 该方法用于对数组进行部分截取,并返回一个数组副本;参数 start 是截取的开始数组索引, end 参数等于你要截取的最后一个元素的索引位置加上1的值(可选)

用法:array.splice(start, deleteCount, item,…..,itemX)

解释: splice() 方法用于插入、删除或替换数组的元素。 splice 方法从 array 中移除一个或多个元素,如果你愿意的话可以用新的item替换它们。参数start是从数组array中移除元素的开始位置。参数 deleteCount 是要移除的元素的个数。

如果有额外的参数,那么 item,…..,itemX 会插入到被移除元素的位置上。

splice()方法返回一个包含被移除元素的数组。

用法:string.split(separator, limit)

解释: split() 方法用于把一个字符串分割成字符串数组。把这个 string 分割成片段来创建一个新的字符串数组,但不改变原始字符串。

separator 参数可以是一个分隔符,它可以是字符串或一个正则表达式。如果 separator 是一个空字符(‘’),会返回一个单字符的数组。

limit (可选参数)可以限制被分割的片段数量。

今天就到这吧,下一节我们讲解 “js相似方法比较系列(三)charAt,indexof,findIndex,lastindexof,includes,find的区别” ,敬请期待~!

参考地址:

https://www.cnblogs.com/webjoker/p/5218114.html

https://blog.csdn.net/yw00yw/article/details/81063038

splice返回被删除的元素的数组, 返回值是array。

var a=[{x:1,y:1},{x:2,y:2},{x:3,y:3},{x:4,y:4}]

var b=[]

b.push(a.splice(1,1))

alert(b[0][0].x) //返回值是array,所以还要加一个key。

------------------------------------------------------------------

var a=[1,2,3,{x:4,y:4}]

var b=[]

b.push(a.splice(1,1))

alert(b[0])//会弹出2

以上语句实际执行等效于以下:

alert([2])

alert(b[0][0])//也会弹出2