JS中一些很有用但不太熟悉的特性

2024-01-07 17:42:28

...扩展操作符

在JavaScript中，...?是一个扩展操作符，也被称为剩余操作符或展开操作符。它主要有以下几种用法：

1.数组展开：用于将一个数组展开到另一个数组中。

let arr1 = [1, 2, 3];
let arr2 = [...arr1, 4, 5]; // [1, 2, 3, 4, 5]

2.对象展开：用于合并对象。

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

3.函数参数展开：用于将一个数组或对象展开为函数的参数。

function myFunction(...args) {
console.log(args);
}
myFunction(1, 2, 3); // [1, 2, 3]

4.剩余参数：与函数参数展开结合使用，用于收集剩余的参数到一个数组中。

function myFunction(...args) {
console.log(args);
}
myFunction(1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]

5.解构赋值中的剩余：在解构赋值中，可以使用剩余操作符来收集剩余的值到一个数组或对象中。

let [first, ...rest] = [1, 2, 3, 4]; // first = 1, rest = [2, 3, 4]
let { x, ...others } = { x: 10, y: 20, z: 30 }; // x = 10, others = { y: 20, z: 30 }

以上就是JavaScript中...的几种主要用法。这个操作符在处理数组和对象时非常有用，可以简化代码并提高可读性。

总结: ...args表示将剩余的值收集到args数组中, ...args不是数组,是args的展开表示,args是数组,已知其中任意一个隐式的知道另一个.可以理解为一个数组参数的两个面.

文章来源:https://blog.csdn.net/qq_33788547/article/details/135425361
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。