扩展运算符... object.assign()

目前根据理解划分为：对象扩展与数组扩展

1.对象扩展：

对象中的扩展运算符(...)用于取出源对象中的所有可遍历属性，拷贝到目标对象之中

此种使用方法，与object.assign()相似。Object.assign也是ES6新添加的接口，主要的用途是用来合并多个JavaScript的对象

 

番外：对比扩展运算符在对象中的使用，与object.assign()

相同点：1.均可以实现对象的合并

              2.将源对象的所有可枚举属性，复制到目标对象

              3.在复制的过程中出现同名的属性（方法），后边的属性（方法）会覆盖之前的同名属性（方法）

              4.都是浅拷贝（浅拷贝理解为拷贝指向数值的地址或者指向数值的指针，深拷贝理解为拷贝到内存中的具体的数值）

不同点：1.使用方式不同，object.assign(target,source1,source2,source3)可以接收多个参数，第一个参数是目标对象，后面的都是源对象,扩展运算符直接（...a,...b）

使用情况1：给后台传参时，特别列表查询，使用iview或者elementui的时候，会有pagesize,pagenum的时候，使用起来很是方便

let params = object.assign({},this.pageParams,this.listForm)    或者 let params = {...this.pageParams,...this.listForm}

getList(params).then(res => {})

使用情况2:  vuex的使用方便很多，先举个小例子

实际应用：

2.数组扩展

   （1）复制数组：我们在使用es5数组的复制时会遇到浅拷贝的问题

es5的concat、slice()，都能实现深拷贝，不会出现上边的问题，但是也仅限于数组元素为基本数据类型的时候

slice() 方法返回一个从已有的数组中截取一部分元素片段组成的新数组（不改变原来的数组！）

用法：array．slice(start,end)　start表示是起始元素的下标，　end表示的是终止元素的下标

当slice()不带任何参数的时候，默认返回一个长度和原数组相同的新数组

concat() 方法用于连接两个或多个数组。( 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。)

用法：array.concat(array1,array2,…,arrayN)

当然使用扩展运算符，也能实现深拷贝，而且书写起来很是方便（扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中，这里参数对象是个数组，数组里面的所有对象都是基础数据类型，将所有基础数据类型重新拷贝到新的数组中）

（2）合并数组

              

（3）与解构赋值一起使用。注意：如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错。

(4) 字符串，可将字符串转换为数组

 

利用扩展运算符，找出最大最小值