es6数组api

1，扩展运算符

扩展运算符（spread）是三个点（...）讲一个数组转为用都好分隔的参数序列。好比rest参数的逆运算

console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<div>, <div>, <div>]

该运算符主要用于函数调用。

var items=[3,4,6,7,9,3]var nainai=[7]function push(nai,...items){nainai.push(...items)}push(nainai,...items)nainai//=> [7, 3, 4, 6, 7, 9, 3, 3, 4, 6, 7, 9, 3]

扩展运算符与正常的函数参数可以结合使用，非常灵活。

function f(v, w, x, y, z) { return w }var nana = [0, 1];f(-1, ...nana, 2, ...[3]);//=> 0

扩展运算符后面还可以放置表达式。

var nainai =7;var arrNai = [  ...(nainai > 7 ? ['大于7'] : ['不大于7']),];arrNai//=> ["不大于7"]

如果扩展运算符后面是一个空数组，则不产生任何效果。

[...[], 1]// [1]

关于rest参数

Rest参数接收函数的多余参数，组成一个数组，放在形参的最后

function rest(...values){    let sum=0;    for(var val of values){        sum+=val;    }    return sum;}rest(1,2,3)6function rest(a,b,...values){    let sum=0;    for(var val of values){        sum+=val;    }    return sum;}rest(1,2,3,4,5)12

注意，rest参数之后不能再有其它参数（即，只能是最后一个参数），否则会报错。

函数的length属性，不包括rest参数：

(function(a) {}).length     // 1(function(...a) {}).length      // 0(function(a, b, ...c)).length   // 2

Array.from()

Array.from()方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。

一个类似数组的对象，Array.from将它转为真正的数组

let arrayNai01 = {'0':'aaa','1':'bbb','2':'ccc',length:3};var naies5 = [].slice.call(arrayNai01)naies5(3) ["aaa", "bbb", "ccc"]var naies6=Array.from(arrayNai01)naies6(3) ["aaa", "bbb", "ccc"]

Array.of()

Array.of方法用于将一组值，转换为数组。

Array.of()[]Array.of(1)[1]Array.of(7)[7]Array.of(1,7,5)(3) [1, 7, 5]

这个方法的主要目的，是弥补数组构造函数Array()的不足。因为参数个数的不同，会导致Array()的行为有差异

Array()[]Array(1)[empty]Array(7)(7) [empty × 7]Array(1,7,5)(3) [1, 7, 5]

Array.of总是返回参数值组成的数组。如果没有参数，就返回一个空数组。 Array.of方法可以用下面的代码模拟实现。

function ArrayOf(){  return [].slice.call(arguments);}

数组实例的copyWithin()

数组实例的copyWithin方法，在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。也就是说，使用这个方法，会修改当前数组。

Array.prototype.copyWithin(target, start = 0, end = this.length) 它接受三个参数。

target（必需）：从该位置开始替换数据。 start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示倒数。 end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示倒数。 这三个参数都应该是数值，如果不是，会自动转为数值。

数组实例的find()和findIndex()

数组实例的find()和findIndex()方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员一次执行该回调函数，知道找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefind。