JavaScript Array类型中的方法-----(2) 操作方法 位置方法

读书日记(2)

操作方法 concat() splice()

concat()方法

该方法可以基于当前数组创建一个新数组,也就是说这个方法会先创建当前数组的一个副本,然后将接受到的参数加入该数组的末尾。也就是说 原来的数组是不变的 该方法返回的是一个新的数组。和push不同的是该方法不会改变原来的数组,而push方法会篡改原来的数组
在这里插入图片描述
在这里插入图片描述
可以看到原数组并没有改变,返回的是一个全新的数组。
可以看见我传入了一个数组 也会把数组拆分然后添加到该新的数组中。

slice()

该方法能够基于当前数组中的一或多个项创建一个新数组。改方法可以接收一个或者两个参数,即要返回项的起始位置和结束位置。
在接受两个参数时=>在这里插入图片描述
在这里插入图片描述
可以看出 该方法也不会改变原来的数组。 返回一个新的数组
slice(0,2) 就是截取到blue 而不包括blue 就是说截取到结束位置的前一项

而只传入一个参数的时候=>
在这里插入图片描述
在这里插入图片描述
可以看出是从数组的后面到前截取到数组的1项处 我加多一个元素
在这里插入图片描述
在这里插入图片描述
结果很明显了。就是从末尾截取到数组的第1项处。

splice()方法

该方法十分强大 有很多主要的用途。在高级编程3书中他介绍了主要有三种用途: 分别是 删除、插入、替换。

删除:可以删除任意数量的项,只需要指定两个参数,要删除的第一项的位置和要删除的项数。
在这里插入图片描述
在这里插入图片描述
可以看出 数组的0,1项被删除了。 也就是说第二个参数是要删除到的位置

插入:可以指定向指定位置插入任意数量的项,只需要提供3个参数:起始位置、0(要删除的项数)和要插入的项。如果要插入多个项,可以再传入多个项。
在这里插入图片描述
在这里插入图片描述
替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定3个参数,起始位置、要删除的项数和要插入的任意数量的项
在这里插入图片描述
在这里插入图片描述
可以看出 删除了blue 然后在green后添加了传入的两个参数
在这里插入图片描述
在这里插入图片描述
该代码实现了完全替换这一功能

位置方法 indexOf() lastIndexOf()

这两个方法都接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中,indexOf() 方法从数组的开头(数组位置0)开始向后查找,lastIndexOf()方法则从数组的末尾开始向前查找
在传入参数没找到时返回的是-1 而找到的话返回的就是数组的项
在比较参数与数组中的每一项时,会使用全等操作符 === 也就是严格相等。
在这里插入图片描述
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值