ES6之扩展运算符 “ ... ”

最新推荐文章于 2024-03-21 15:42:55 发布

愚舜

最新推荐文章于 2024-03-21 15:42:55 发布

阅读量325

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签：扩展运算符

本文链接：https://blog.youkuaiyun.com/first_shun/article/details/94771759

5 篇文章

订阅专栏

本文深入探讨了ES6中的扩展运算符，包括其在数组转换、函数调用、复制对象和数组、合并数组以及字符串转数组的应用。通过具体实例展示了扩展运算符的强大功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ES6中的扩展运算符就是三个点" ... "，可以用来将一个数组分割为由数组内容组成的参数序列。

1、可以将数组转换为分隔开的字符串

let arr=['apple','orange','peach'];
...arr=apple orange peach

2、扩展运算符可以用于函数调用

(1) 将参数整合为数组

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

(2) 将数组展开为相对应的参数

function show(a,b,c){
    console.log(a,b,c);
}
show(...[1,9,8]);	//a=1,b=9,c=8;

声明：扩展运算符用在圆括号的时候只有用在函数调用时才可以，否则就会报错。

3、复制数组或者对象

(1)复制对象

let json1={a:3,b:4};
let json2 ={...json1};
console.log(json2);    //{a: 3, b: 4}
console.log(json1 === json2); //false

(2) 复制数组

let arr = [3,4];
let arr2 = [...arr];
console.log(arr2);    //[3,4]
console.log(arr === arr2);    //false

注意：利用扩展运算符复制对象和数组是将数组和对象的内容复制过来，并不是和原对象引用同一地址，所以不会与原对象相等。

4、合并数组

let a = [1,2];
let b = [3,4];
console.log([...a,...b]);    //[1,2,3,4]

5、字符串转为数组

let a = tom;
let b = [...a];
console.log(b);    //['t','o','m']