什么是 JavaScript 中的 Spread 运算符

发布时间:2023年12月31日

JavaScript 中的 Spread 运算符是一个用于展开数组或对象的运算符,它使用三个连续的点(...)来表示。当 Spread 运算符用于数组时,它可以将一个数组展开为多个独立的元素。当 Spread 运算符用于对象时,它可以将一个对象展开为多个独立的键值对。

使用 Spread 运算符可以方便地将一个数组中的元素添加到另一个数组中,或者将一个对象的属性复制到另一个对象中。它还可以用于函数调用时,将一个数组作为参数传递给一个接受多个参数的函数。

以下是一些使用 Spread 运算符的示例:

  1. 展开数组:
const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5];
console.log(arr2); // [1, 2, 3, 4, 5]

  1. 展开对象:
const obj1 = { foo: 1, bar: 2 };
const obj2 = { ...obj1, baz: 3 };
console.log(obj2); // { foo: 1, bar: 2, baz: 3 }

  1. 函数调用:
const arr = [1, 2, 3];
function myFunction(a, b, c) {
  console.log(a, b, c);
}
myFunction(...arr); // 1 2 3

需要注意的是,Spread 运算符只会展开数组或对象的可枚举属性,不会展开原型链上的属性。

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