... 在javascript中起什么作用呢?
下文笔者讲述三个点在js中的功能简介说明,如下所示
三个点简介
在JavaScript中 `...` 是**展开运算符(Spread Operator) **或**剩余参数(Rest Parameters)**的表示符号 具体作用取决于它的使用场景
三个点运算符的功能
1.展开运算符(Spread Operator) 用于将可迭代对象(如数组、字符串等) 或 对象展开为独立的元素。 - 数组展开: const arr1 = [1, 2, 3]; const arr2 = [...arr1, 4, 5]; // 将 arr1 展开并合并到新数组中 console.log(arr2); // 输出: [1, 2, 3, 4, 5] - 对象展开: const obj1 = { a: 1, b: 2 }; const obj2 = { ...obj1, c: 3 }; // 将 obj1 的属性展开并合并到新对象中 console.log(obj2); // 输出: { a: 1, b: 2, c: 3 } 2.剩余参数(Rest Parameters) 用于将函数的不定数量的参数收集为一个数组 function sum(...numbers) { // 将所有传入的参数收集为一个数组 return numbers.reduce((acc, num) => acc + num, 0); } console.log(sum(1, 2, 3, 4)); // 输出: 10
- 当 `...` 用于右侧表达式时 它是 展开运算符 用于解构和展开 - 当 `...` 用于函数参数定义时 它是 剩余参数, 用于收集多个参数为一个数组
版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。