展开运算符,可以展开对象和数组

展开运算符,可以展开对象和数组

一、语法:

...数组或对象

二、展开数组

  1. 可以用于数组拼接
1
2
3
const arr1 = [1, 2, 3]
const arr2 = [4, 5, 6]
const newArr = [...arr1, 100, ...arr2]
  1. 应用举例:可以用来求数组最大值
1
2
const arr = [1, 4, 6, 2, 45, 72, 4, 7, 8]
const max = Math.max(...arr)// 👉1, 4, 6, 2, 45, 72, 4, 7, 8

二、展开对象(相当于把对象的键值对提取出来)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const obj1 = {
name: 'zs',
age: 18
}
const obj2 = {
sayHi() {
console.log('hi');
}
}
const mix = {
...obj1,
...obj2,
ability: 'S.H.I.T'
}