关于三点运算符

122 阅读1分钟

三点运算符(也称为扩展运算符或剩余运算符)

  • 指 JavaScript 中的 ... 符号。它用于在处理数组和对象时,展开数组元素或对象属性

  • 扩展运算符

  • 1. 展开数组

const array1 = [1, 2, 3];
const array2 = [...array1, 4, 5];

// array2 现在是 [1, 2, 3, 4, 5]
  • 2. 合并数组

const array1 = [1, 2, 3];
const array2 = [4, 5];
const combinedArray = [...array1, ...array2];

// combinedArray 现在是 [1, 2, 3, 4, 5]
  • 3. 复制数组

const originalArray = [1, 2, 3];
const copyArray = [...originalArray];

// copyArray 是 [1, 2, 3],但与 originalArray 不共享引用
  • 剩余运算符

    • 将剩余的参数收集为一个数组。这在参数数量不确定的情况下有用。

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}

const result = sum(1, 2, 3, 4, 5);

// result 是 15,将所有参数相加得到总和
  • 4. 解构赋值

    • 剩余运算符也可用于解构赋值,用来捕获剩余的数组元素。

const [first, ...rest] = [1, 2, 3, 4, 5];

// first 是 1rest[2, 3, 4, 5]
  • 5. 舍弃部分数组元素

    • 使用剩余运算符可以轻松地从数组中舍弃一些元素。

const [first, second, ...remaining] = [1, 2, 3, 4, 5];

// first 是 1,second 是 2,remaining 是 [3, 4, 5]

这些示例涵盖了三点运算符的主要用途,无论是在数组操作还是函数参数处理中,它都提供了一种方便的方式来操作和处理数据