es6 数组找最大值_ES6数组的拓展

原标题:ES6数组的拓展

拓展运算符

拓展运算符是三个点(...),它如同rest参数的逆运算,将一个数组转为用逗号分隔的参数序列。

替代数组的apply方法

由于拓展运算符可以展开数组,所以不再需要使用apply方法将数组转为函数参数。

1.求出数组中最大元素

由于Java不提供求数组最大元素的函数,所以只能套用Math.max函数将数组转为一个参数序列,然后求最大值。有了拓展运算符以后可以直接使用Math.max了。

2.通过push函数将一个数组添加到另一个数组的尾部

ES5中,push方法的参数不可以是数组,所以只好通过apply方法变通使用push方法,有了拓展运算符,可以直接将数组传入push方法。

拓展运算符的应用

1.合并数组

2.与结构赋值结合

如果将拓展运算符用于数组赋值,则只能将其放在参数的最后一位,否则会报错。

3.字符串转为数组

Array.from()

Array.from方法用于将两类对象转为真正的数组。

类似数组的对象(本质特征只有一点,必须有length属性。因此,任何有length属性的对象,都可以通过Array.from方法转为数组,而长度和位置描述不一致的都会被解析为undefined)

可遍历对象(包括ES6新增的数据结构Set和Map)

如果参数是一个真正的数组,Array.from会返回一个一模一样的新数组。

Array.from还可以接受第二个参数,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。

Array.of()

Array.of方法用于将一组值转化为数组。总数返回参数值组成的数组,如果没有参数,就返回一个空数组。

原本的Array方法没有参数,有一个参数返回为[],[''],['',''],['','',''],实际上是指定数组的长度。当参数大于等于2才返回由参数组成的新数组。而Array.of方法基本可以替代Array()或new Array(),并且不存在因为参数不同而导致的重载。

copyWithin()

数组实例的copyWithin方法会在当前数组内部将指定位置的成员复制到其他位置(覆盖原有成员),然后返回当前数组。(这个方法会修改当前数组)

Array.prototype.copyWithin(target,start = 0, end = this.length);

target(必填):从该位置开始替换数据

start(可选):从该位置开始读取数据,默认为0,如果未负值,表示倒数

end(可选):到该位置前停止读取数据,默认等于数组长度。如果未负值,表示倒数。

这三个参数都应该为数值,如果不是,会自动转为数值。

find()和findIndex()

数组实例的find方法用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。

find方法可以接受三个参数,依次为当前的值,当前的位置和原数组。

数组实例的findIndex方法的用法与find方法类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。

这两个方法都可以发现NaN,弥补了数组的IndexOf方法的不足。

fill()

数组实例fill方法使用给定值填充一个数组。

fill方法第一个参数是填充值,第二个参数是指定填充的起始位置,第三个参数是指定填充的结束位置。

entries()、keys()、values()

用于遍历数组的ES6新增方法:entries()、keys()、values()

keys():对键名的遍历

values():对键值的遍历

entries():对键值对的遍历

includes()

数组实例返回一个布尔值,表示某个数组是否包含给定的值,与字符串的includes方法类似。

该方法的第二个参数表示搜索的起始位置,默认为0。如果第二个参数为负数,则表示倒数的位置,如果这时大于数组的长度(比如第二个参数为-4,但数组长度为3),则会重置为从0开始。

indexOf方法有两个缺点:

不够语义化,其含义是找到参数值的第一个出现位置,所以要比较是否不等于-1,表达起来不够直观

其内部使用严格相等运算符(===)进行判断,会导致对NaN的误判。

数组的空位

空位不是undefined,一个位置的值等于undefined依然是有值的。空位是没有任何值的。

ES5对空位的处理很不一致,大多数情况下回忽略空位。

forEach()、filter()、every()和some()都会跳过空位。

map()会跳过空位,但会保留这个值。

join()和toString()会将空位视为undefined,而undefined和null会被处理成空格字符串。

ES6则是明确将空位转换为undefined返回搜狐,查看更多

责任编辑:

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值