扩展运算符都有哪些作用

扩展运算符是在ES6中引入的一种语法，它用于展开数组、对象或字符串。扩展运算符的主要作用是快速、简洁地实现对集合元素地操作。

常见的用法有：

1、展开数组：使用扩展运算符可以将一个数组展开为多个独立的元素。这个合并数组、复制数组或创建新数组时非常有用。

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

const merged = [...arr1,...arr2] ;//[1,2,3,4,5,6]  合并一份
const copy = [...arr1];//[1,2,3]  拷贝一份

2、合并对象：扩展运算符可以将多个对象合并为一个新对象。它会将每个对象的属性展开，并合并到新对象中。

const obj1 = {x:1,y:2}
const obj2 = {z:3}

const merged = {...obj1,...obj2} // {x:1,y:2,z:3}  将对象合并

3、函数调用：扩展运算符可以用于函数调用，将一个数组展开为多个参数传递给函数。

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

const numbers = [1, 2, 3]
const result = sun(...numbers) //6 

4、克隆对象：使用扩展运算符可以快速地克隆一个对象，得到一个与原对象相同地新对象。

const obj = {x:1,y:2}
const clone = {...obj} //{x:1,y:2}

5、字符串拼接：扩展运算符可以将一个字符串拆分为单个字符，并将其作为数组元素。

const str = 'hello';
const chars =[ ...str ] //['h','e','l','l','o']

 扩展运算符在JavaScript中提供了一种便捷地方式来处理集合的操作。它使得代码更简洁、可读性更强，并提供了一些常见操作的快捷方式。无论是操作数组、对象还是字符串，扩展运算符都是一种使用的工具。