扩展运算符都有哪些作用,详细介绍一下

1.数组的拼接和复制使用扩展运算符可以将两个数组拼接成一个新数组,例如:

const arrl =[1,2,3]:
const arr2 =[4,5,6]
const newArr = [...arrl, ...arr2];
console.log(newArr); // [1,2,3,4,5,6]

此外,还可以使用扩展运算符将一个数组复制到另一个数组中

const arrl =[1,2,3]:
const arr2 = [...arrl];
console.log(arr2); //[1,2,3]

2.函数的参数传递使用扩展运算符可以方便地将一个数组作为函数的多个参数传
递。

function sum(a, b, c) {return a +b +c;
const arr =[l,2,3];console.log(sum(...arr)); // 6

3.对象的合并使用扩展运算符可以方便地将两个对象合并成一个新对象。

const objl ={a: 1,b: 2};
const obj2 = { c: 3,d: 4};
const newObj= { ...obj1, ...obj2 };
console.log(newObj); // { a: 1, b: 2,c: 3,d: 4};

同时,如果合并的两个对象存在同名属性,后面的对象会覆盖前面的对象。

const obj1 = {a: 1,b: 2};

const obj2 = { b: 3,c: 4};

const newObj = { ...obj1, ...obj2 };

consolc.log(newObj); // { a: 1,b: 3,c: 4}

4.函数的返回值
使用扩展运算符可以方便地将一个数组或对象作为另一个数组或对象的部分返回值。

function getUser(){

        const user = {na'Tom',age:18,address:'beijing',phone:'123456'}

总之,扩展运算符在JavaScript 编程中非常有用,可以方便地合并数组、对象、函数参数和返回值等,让代码更加简洁、优雅. 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值