JavaScript 中的“...”展开运算符

120 阅读1分钟

Es6 新增加了一个运算符,如下:

...

称为展开运算符。

  • 作用:把数组展开
let arr = [1, 2, 3, 4, 5, 6]
console.log(...arr) // 1 2 3 4 5 6
  • 用法:合并数组
let arr = [1, 2, 3, 4, 5]
let arr2 = [...arr, 6] 
console.log(arr2) // [1, 2, 3, 4, 5, 6]
  • 用法:合并对象
let obj = {
    name: "poyapli",
    age: 18,
}
let obj2 = {
    ...obj,
    gender: "man",
}
console.log(obj2)   //{
                    //  name: "poyapli",
                    //  age: 18,
                    //  gender: "man",
                    //}

  • 部分用途总结:
  • 可以两个对象连接返回新的对象
  • 可以两个数组连接返回新的数组
  • 可以数组加上对象返回新的数组
  • 可以数组加上字符串返回新的数组