第2章 6 扩展运算符

1 对象扩展运算符

对象扩展运算符用于取出参数对象中的所有可遍历属性，拷贝到当前对象中

let bar={a:1,b:2}
let baz={...bar}//{a:1,b:2}

 如果用户自定义的属性，放在扩展运算符的后面，则扩展运算符内部的同名属性会被覆盖掉

let bar={a:1,b:2}
let baz={...bar,...{a:3,b:4}}//{a:3,b:4}
let bay={...bar,a:3,b:4}//{a:3,b:4}

利用上述特性就可以很方便的修改对象的部分属性。在redux中的reducer函数规定必须是一个纯函数，reducer中的state对象要求不能直接修改，可以通过扩展运算符把修改路径的对象都复制一遍，然后产生一个新的对象返回。 

 2 数组扩展运算符

数组扩展运算符可以将一个数组转为用，分隔的参数序列，而且每次只能展开一层数组

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

 用法

function add(a,b){
    return a+b
}
let arr=[1,2]
add(...arr)//3

//复制数组
let arr1=[1,2]
let arr2=[...arr1]
//合并数组
let arr1=[1,2]
let arr2=[3,...arr1,4]//[3,1,2,4]
//扩展运算符与解构赋值结合起来，用于生成数组
const [first, ...rest] = [1, 2, 3, 4, 5];first // 1    rest  // [2, 3, 4, 5]
//如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错。
const [...rest, last] = [1, 2, 3, 4, 5];         // 报错
const [first, ...rest, last] = [1, 2, 3, 4, 5];  // 报错

将字符串转为真正的数组

[..."hello"] // [ "h", "e", "l", "l", "o" ]

 任何 Iterator 接口的对象，都可以用扩展运算符转为真正的数组

// arguments对象
function foo() {
  const args = [...arguments];
}
//用于替换es5中的Array.prototype.slice.call(arguments)写法。

const numbers = [9, 4, 7, 1];
Math.min(...numbers); // 1
Math.max(...numbers); // 9