功能

1、将数组展开

2、函数中的用法(技巧)

3、使用...进行克隆

4、合并操作


1、将数组展开

// 1、将数组展开
let arr = [1, 2, 3]
console.log(...arr);//1 2 3 

2、函数中的用法(技巧)

需求:假设要做一个求和的函数,但是不能确保传入参数的个数。

// 2、函数中的用法
function sum(...number) {
    console.log(number);//[1,2,3] 参数=》数组
    return number.reduce((pre, cur) => {
        return pre + cur
    })
}
console.log(sum(1, 2, 3));//6

3、使用...进行克隆

// 3、使用...进行克隆
let obj = {
    name: 'dai',
    age: 22,
}
// console.log(...obj);//报错:Uncaught TypeError: Found non-callable @@iterator
let obj1 = { ...obj };
console.log(obj1);//{name: 'dai', age: 22}

4、合并操作

新增属性存在的进行覆盖,不存在的进行合并

// 4、合并操作
let obj = {
    name: 'dai',
    age: 22,
}
let obj2 = { ...obj, name: 'tom', sex: '男' };
console.log(obj2);//{name: 'tom', age: 22, sex: '男'}

以上就是展开运算符(...)的使用。
我会将自己平时项目中常见的问题以及笔试面试的知识在CSDN与大家分享,一起进步,加油。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐