扩展运算符的格式为 三个点(...)
扩展运算符需要ES6语法支持
扩展运算符的作用:
扩展运算符允许一个表达式在期望多个参数(用于函数调用)或多个元素(用于数组字面量)或多个变量(用于解构赋值)的位置扩展。
1.字符串转数组
扩展运算符将字符串转数组
var str="hello world"
var arr=[...str]
console.log(arr);
// ['h','e','l','l','o','','w','o','r','l','d']
2.拼接数组使用扩展运算符
const first={
a:1,
b:2,
c:3
}
const second={
d:4,
e:7,
f:8
}
const total={...first,...second}
console.log(total);
// {a: 1, b: 2, c: 3, d: 4, e: 7,8}
3.复制数组
var arr=[7,2,5]
var arr1=[...arr]
console.log(arr1);
// [7, 2, 5]
4.在输出结果中只展示一个数组
var arr=[7,2,5]
var arr1=[6,8,...arr,12,18]
console.log(arr1);
// [6, 8, 7, 2, 5, 12, 18]
5.去重
let arr=[1,1,3,4,5,6,3,7]
console.log(...new Set(arr));
// 1 2 3 4 5 6 7