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"]