【JS学习】JS中的扩展运算符

1. 介绍

在JavaScript中，扩展运算符（也称为Spread Syntax）是一种方便且强大的语法，用于在多种情境下展开数组、对象等可迭代的数据结构，以将它们的元素或属性复制到新的数据结构中。扩展运算符的语法的形式是使用三个连续的点号 ...

2. 扩展数组

使用扩展运算符可以将数组展开，可以用于两个数组的合并。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const newArray = [...array1, ...array2]; //新数组为 [1, 2, 3, 4, 5, 6]

3. 扩展对象

扩展运算符也可以用于对象的合并。

const obj1 = {key1: 'value1', key2: 'value2'};
const obj2 = {key3: 'value3', key4: 'value4'};
const newObj = {...obj1, ...obj2} // 新对象为 {key1: 'value1', key2: 'value2', key3: 'value3', key4: 'value4'}