ES6扩展运算符

不受代码控制

于 2022-10-25 17:37:30 发布

阅读量96

点赞数

文章标签： es6 javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_47936649/article/details/127517865

版权

博客介绍了ES6扩展运算符spread，它是三个点，是rest参数的逆运算，可将数组、伪数组转化为逗号分隔的参数序列，实现对数组和解包。还阐述了其在展开数组、数组合并、数组克隆以及对象合并等方面的应用。

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

介绍：

扩展运算符spread也是三个…,它好比rest 参数的逆运算，将一个数组，伪数组转化为用逗号分隔得参数序列，对数组进行解包，扩展运算符也可以将对象解包

可用在调用函数时，传递的实参，将一个数组转化为参数序列（与rest参数的区别，一个在于形参，一个实参）

展开数组

function fn(a, b, c) {
    console.log(arguments);// [Arguments] { '0': 'red', '1': 'green', '2': 'blue' }
    console.log(a + b + c);// redgreenblue
}
let arr = ['red', 'green', 'blue']; 
fn(...arr)

数组合并

 <script>
        // es5写法
        let d =['a','b'];
        let e =['c','d'];
        let f = d.concat(e);
        console.log(f);
        // es6写法
        let a =[1,2];
        let b =[3,4];
        let c=[...a,...b];
        console.log(c)//[1,2,3,4]
    </script>

数组克隆

let arr1 = ['a', 'b', 'c'];
let arr2 = [...arr1];
console.log(arr2); // ['a', 'b', 'c']

对象合并

let obj1 = {
    a: 123
};
let obj2 = {
    b: 456
};
let obj3 = {
    c: 789
};
let obj = { ...obj1, ...obj2, ...obj3 };
console.log(obj);
// { a: 123, b: 456, c: 789 }