扩展运算符

基本使用

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

    函数中使用
    function add(x, y, z) {
        return x + y + z;
    }
    add(...[1,2],3)
    //6

用扩展运算符代替数组的apply

• 我们可以使用扩展运算符展开数组，不用依赖于apply将数组转化成函数的参数

    var args = [0, 1, 2];

    ES5写法
    function fun5(x, y,  z){
        ...
    }
    fun5.apply(null, args)
    
    ES6可以达到相同的效果
    function fun6(x, y, z){
        ...
    }
    fun6(...arrs)

    ES5写法
    var args = [1, 7 ,90, 4]
    Math.max.apply(null,args) //90

    ES6写法
     var args = [1, 7 ,90, 4]
    Math.max(...args) //90

扩展运算符的使用

合并数组
    [1, 2, ...arr]
    [...arr1,...arr2,...arr3]
解构赋值
    const [first, ...arr] = [1,2,3,4,5]
    //arr = [2,3,4,5]; first = 1;
    const [...arr, last] = [1,2,3,4,5];   
    //注意此处rest只能为最后一个 Uncaught SyntaxError: Rest element must be last element;

扩展运算符其他的使用

• 实现了Iterator的接口的对象都可以使用扩展运算符

    eg1:
    let nodelist = document.querySelectorAll('div');
    var array = [...nodelist];

    eg2：
    let map  = new Map([
    [1,"one"],
    [2,"two"],
    [3,"three"],]);

    [...map.keys()]     //[1,2,3]

    eg3:
    var go = function* () {
        yield 1;
        yield 2;
        yield 3;
    }
    
   [...go()]  //[1, 2, 3] 

数组的方法

• Array.from() //类数组转为数组
• Array.of() //一组值转为数组

• copyWithin(target, start, end)

  target(必选) 开始替换的位置 — start开始选取的位置 ——end选取结束的位置

     let arr = [1,2,3,4,5];
     arr.copyWithin(2,0) 
     // [1, 2, 1, 2, 3]

• arr.find(function(value, index, arr){}) //找到一个符合回调函数条件的值并返回
• arr.findIndex(function(value, index, arr){}) //同find，只是它返回index
• arr.fill(params, start,end) //用于用params填充到数组
• arr.keys(),arr.values(),arr.entries();

    for (let index of ['a', 'b'].keys()){
        console.log(index) //0,1
    }

    for (let value of ['a', 'b'].value()){
        console.log(value) //"a","b"
    }

    for (let [index, value] of ['a', 'b'].entries()){
        console.log(index, value) //0,"a"   1 ,"b"
    }

• arr.include(params, start)//找一个值返回布尔值
• arr.forEach()
• arr.filter();
• arr.every();
• arr.some();
• arr.map();