完成 ES9 操作符：数组和对象展开和 Rest 运算符

随着 JavaScript 的不断发展，新的特性和语法不断涌现。ES9 中，引入了数组和对象展开和 Rest 运算符。本文将详细讲解这些新增操作符的用法和意义，并提供示例代码供初学者参考。

数组展开运算符

数组展开运算符用于将一个数组展开成多个参数。例如：

const arr = [1, 2, 3];
console.log(...arr); // 1 2 3

数组展开运算符可以在函数调用时使用，将一个数组作为参数展开：

function sum(a, b, c) {
  return a + b + c;
}

const arr = [1, 2, 3];
console.log(sum(...arr)); // 6

也可以用于数组合并：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const newArr = [...arr1, ...arr2];
console.log(newArr); // [1, 2, 3, 4, 5, 6]

对象展开运算符

对象展开运算符可以将一个对象展开成多个属性。例如：

const obj = { a: 1, b: 2, c: 3 };
console.log({ ...obj }); // { a: 1, b: 2, c: 3 }

对象展开运算符可以用于对象合并：

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };

const newObj = { ...obj1, ...obj2 };
console.log(newObj); // { a: 1, b: 2, c: 3, d: 4 }

如果出现属性名相同的情况，后面的属性会覆盖前面的属性：

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };

const newObj = { ...obj1, ...obj2 };
console.log(newObj); // { a: 1, b: 3, c: 4 }

Rest 运算符

Rest 运算符用于将多个参数合并成一个数组。例如：

function sum(...args) {
  return args.reduce((acc, cur) => acc + cur, 0);
}

console.log(sum(1, 2, 3)); // 6

Rest 运算符可以与其他参数一起使用，但需要放在最后一个参数位置：

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

foo(1, 2, 3, 4, 5);

总结

本文介绍了 ES9 中的数组和对象展开和 Rest 运算符用法和示例，这些操作符可以大大简化代码编写，并提高代码可读性和可维护性。希望本文对初学者有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f1b395f6b2d6eab3b8972d