es6数组api

1，扩展运算符

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

console.log(...[1, 2, 3])
// 1 2 3

console.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)
6
function 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。