关于es6中...运算符的总结

最新推荐文章于 2025-07-02 18:25:46 发布

潜行的Q

最新推荐文章于 2025-07-02 18:25:46 发布

阅读量8.3k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： js技术文章标签： es6

本文链接：https://blog.youkuaiyun.com/margin_0px/article/details/81360182

js技术专栏收录该内容

25 篇文章

订阅专栏

本文介绍了JavaScript中展开运算符(...)和剩余操作符(...)的基本用法。展开运算符用于将数组或对象的属性展开到另一个数组或对象中；剩余操作符则用于捕获不定数量的参数或数组元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、...为展开运算符

let a = [1,2,3];
let b = [0, ...a, 4]; // [0,1,2,3,4]

let obj = { a: 1, b: 2 };
let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 }
let obj3 = { ...obj, a: 3 }; // { a:3, b:2 }

二、...为剩余操作符

let a = [1,2,3];
let [b, ...c] = a;
b; // 1
c; // [2,3]

// 也可以
let a = [1,2,3];
let [b, ...[c,d,e]] = a;
b; // 1
c; // 2
d; // 3
e; // undefined

// 也可以
function test(a, ...rest){
  console.log(a); // 1
  console.log(rest); // [2,3]
}

test(1,2,3)