es6 取数组的第一个和最后一个_JavaScript常用数组操作方法,包含ES6方法

c5548b72c6aa7293b6cd558dec4bae17.png

四、pop()

pop() 方法用于删除并返回数组的最后一个元素。返回最后一个元素,会改变原数组。

3d9ed5d50e065f9d6de9f747d78f4055.png

五、shift()

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。返回第一个元素,改变原数组。

cdadc9bc15bc87d9e40ca839e458b1f8.png

六、unshift()

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。返回新长度,改变原数组。

655a4c99647a7c3091adbcce8874c32d.png

七、slice()

返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。返回选定的元素,该方法不会修改原数组。

b7f779b74fadb5c60d784f7731249e1a.png

八、splice()

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

2ba05c78e3015ba6e1e4a6dd4533bd03.png

九、substring() 和 substr()

相同点:如果只是写一个参数,两者的作用都一样:都是是截取字符串从当前下标以后直到字符串最后的字符串片段。substr(startIndex);substring(startIndex);

0c835b6b55f31cbe7f821919b68963e5.png

不同点:第二个参数substr(startIndex,lenth): 第二个参数是截取字符串的长度(从起始点截取某个长度的字符串);substring(startIndex, endIndex): 第二个参数是截取字符串最终的下标 (截取2个位置之间的字符串,‘含头不含尾’)。

8d44d0afd32475d313e627c9ce598986.png

十、sort 排序

按照 Unicode code 位置排序,默认升序

1744f7ce88922ed83caa446eee206e52.png

十一、reverse()

reverse() 方法用于颠倒数组中元素的顺序。返回的是颠倒后的数组,会改变原数组。

357e48e69ec9f12ce8ffd5baa325e74e.png

十二、indexOf 和 lastIndexOf

都接受两个参数:查找的值、查找起始位置不存在,返回 -1 ;存在,返回位置。indexOf 是从前往后查找, lastIndexOf 是从后往前查找。

indexOf

34640f9eb1bc0e0fcf07f20b02daa04e.png

lastIndexOf

20316ce9cfcfd23771a70d8f51a89562.png

十三、every

对数组的每一项都运行给定的函数,每一项都返回 ture,则返回 true

ecccc4b4c724f30faec653317c784168.png

十四、some

对数组的每一项都运行给定的函数,任意一项都返回 ture,则返回 true

6ce48726728614e70868cb6dff526586.png

十五、filter

对数组的每一项都运行给定的函数,返回 结果为 ture 的项组成的数组

202afbe9e7c77794bc778a9d9882a1b8.png

十六、map

对数组的每一项都运行给定的函数,返回每次函数调用的结果组成一个新数组

9014d9697ce960eadb1b1aec7eefa38d.png

十七、forEach 数组遍历

f7bd70fc4d5dfc288683b451d529f6e4.png

ES6新增新操作数组的方法

1、find():

传入一个回调函数,找到数组中符合当前搜索规则的第一个元素,返回它,并且终止搜索。

8f242cee9b3ba95e04735156101bbeda.png

2、findIndex():

传入一个回调函数,找到数组中符合当前搜索规则的第一个元素,返回它的下标,终止搜索。

916f01f9db5683f702def03d90a7c4bf.png

3、fill():

用新元素替换掉数组内的元素,可以指定替换下标范围。

c580331c6642977096cd3fa7311bff55.png

4、copyWithin():

选择数组的某个下标,从该位置开始复制数组元素,默认从0开始复制。也可以指定要复制的元素范围。

d648832dc47bd7e2786b9b49d7e22958.png

5、from

将类似数组的对象(array-like object)和可遍历(iterable)的对象转为真正的数组

547417c279c44c089daacc64b51cb0a7.png

6、of

用于将一组值,转换为数组。这个方法的主要目的,是弥补数组构造函数 Array() 的不足。因为参数个数的不同,会导致 Array() 的行为有差异。

511815088cd952cacfaf4d43ead2c8b6.png

7、entries() 返回迭代器:返回键值对

10f1d5c3b3f0fc81d00f543138ab3027.png

8、values() 返回迭代器:返回键值对的value

28d74dfeb7d992d266bd1a7a1f41fb27.png

9、keys() 返回迭代器:返回键值对的key

e7d2d82ce0c97531e9bd43eac976484e.png

10、includes

判断数组中是否存在该元素,参数:查找的值、起始位置,可以替换 ES5 时代的 indexOf 判断方式。indexOf 判断元素是否为 NaN,会判断错误。

337d3f527ff368c999b9085484bbe537.png

编辑:千锋HTML5

作者:沉静地闪光来自:https://segmentfault.com/a/1190000016503330

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值