【ES6】数组的扩展——扩展运算符

1、扩展运算符【三个点（...）将一个数组转为用逗号分隔的参数序列】

作用：用于函数调用

function add(x, y) {
  return x + y;
}
const numbers = [2, 6];
add(...numbers) // 8
8

2、...作用【求最大值/拼接数组/复制数组（a2复制a1,改a2不改变a1）/合并数组/将字符串转化为真正的数组】

• 求最大值
• 拼接数组
• 复制数组（a2复制a1,改a2不改变a1）
• 合并数组
• 将字符串转化为真正的数组

（1）最大值 Math.max（）

Math.max(...[14, 3, 77])
77

（2）拼接数组，通过push将一个数组添加到另一个数组的尾部

var arr1 = [1,2,3]
var arr2 = [4,5,6]
arr1.push(...arr2);
arr1// [1, 2, 3, 4, 5, 6]

（3）复制数组

var arr1 = [1,2,3]
var arr2 = [...arr1]
console.log(arr1)  // [1, 2, 3]
console.log(arr2)  // [1, 2, 3]

arr2[0]=0
console.log(arr1)  // [1, 2, 3]
console.log(arr2)  //[0, 2, 3]

（4）合并数组（多个）【浅拷贝】

const arr1 = ['1', '2'];
const arr2 = ['3'];
const arr3 = ['4', '5'];
var arr4=[...arr1, ...arr2, ...arr3]
console.log(arr4)// ["1", "2", "3", "4", "5"]

注意：将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错。

const [first, ...rest] = [1, 2, 3, 4, 5];//ok
const [...butLast, last] = [1, 2, 3, 4, 5];// 报错
const [first, ...middle, last] = [1, 2, 3, 4, 5];// 报错

（5）字符串（将字符串转为真正的数组）

var name = 'mike'
console.log([...name])
// ["m", "i", "k", "e"]