最详细的JS学习笔记(连载)第二章、数组方法(删除)

数组删除

(1)数组.pop() 

移除最后一个元素,并返回移除该元素值  

参数:无          

返回值: 被删除的那个元素            原有的数组改变

let ary=[10,20,30]

var res = ary.pop();

console.log(res,ary)    // res=>30   ary=>[10,20]

基于原生JS让数组长度删除一位,默认删除最后一位

ary.length=ary.length-1

console.log(ary)    // ary=>[10]

(2)数组.shift()

删除最前一个元素并返回该元素值,数组中元素自动前移

参数:无          

返回值: 被删除的那个元素        原有的数组改变

            把数组的第一个元素从其中删除,并返回第一个元素的值。

let ary=[10,20,30]

var res=ary.shift()

console.log(res,ary)    // res=>10   ary=>[20,30]

基于原生JS的delete,把数组当做普通的对象,确实可以删除某一项的内容,但不会影响数组本身的结构特点(length长度不会跟着修改),真实项目中不使用这种方式删除

delete ary[0]  

console.log(res,ary)    // ary=>{1:30,length:1}

(3)数组.splice(n,m) 

删除从指定位置n(索引)开始的指定数量m(个)的元素,数组形式返回所移除的元素

参数:n指定位置     m删除的元素(m不写就一直删到末尾)       

返回值: 被删除的那个元素,以新数组输出        原有的数组改变

let ary=[10,20,30,28,73,63,52,87,83]   

var res = ary.splice(3, 4);  //从索引n(包含n)开始删除m个元素,把删除的元素当做一个新的数组返回,原有的数组改变。

console.log(res,ary)    // res=>[28,73,63,52]    ary=>[10,20,30,87,83]

var res = ary.splice(0, ary.length+1); //数组清空

console.log(res,ary)    // res=>[10,20,30,28,73,63,52,87,83]    ary=>[]

var res = ary.splice(ary.length-1);     //删除最后一项

console.log(res,ary)    // res=>[83]    ary=>[10,20,30,28,73,63,52,87]

var res = ary.splice(0,1); //删除第一项

console.log(res,ary)    // res=>[10]    ary=>[20,30,28,73,63,52,87,83]

(4)数组.splice(n,m,x) 

将指定位置的项替换成新的

let ary=[10,20,30,40,50]

var res = ary.splice(1, 2, "zhf");    //从索引n开始,删除m个元素用x替换删除的那个位置,把删除的元素当做一个新的数组返回,原有的数组改变

console.log(res,ary)    // res=>[20,30]    ary=>[10,"zhf",40,50]

(5)数组.splice(index,howmany,item1,.....,itemX)

参数:

   index:必填,数组删除或插入的位置。使用负数可从数组结尾处规定位置。

   howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。

   item1, ..., itemX:可选。向数组添加的新项目。 

  返回值:新数组,要是删除的话,也会包括被删除的元素

  要是删除的话,splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组

请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。


本人是以网络视频与网络文章的方式自学的,并按自己理解的方式总结了学习笔记。有不正确之处请各位高手多多指点,一起学习进步。【VX:czlingyun    暗号:CSDN】

  • 11
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灵韵设计

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值