美文网首页
Spread Operator(扩展操作符)

Spread Operator(扩展操作符)

作者: 灯火葳蕤234 | 来源:发表于2019-03-17 21:52 被阅读0次
const first = [1,2,3];
const second = [4,5,6];

如果想合并这两个数组,第一种方法是调用一个数组的concat方法,然后传入second,这就是从前的做法。

const combined = first.concat(second);

如果使用扩展操作符可以这样写:

const combined = [...first, ...second];

"...first"的意思是我们展开first数组的每一项并添加到新的空数组。"..."就是扩展操作符,当我们使用它的时候,我们得到每个独立的数组成员。

  • 使用扩展操作符也可以轻松复制数组。
    比如可以这样复制第一个数组:
const clone = [...first];
console.log(first);
console.log(clone);

打印first和clone,我们发现他们是一样的,都是[1,2,3].

  • 我们也可以对对象使用扩展操作符,用对象的方式重写代码:
const first = {name:'LT'};
const second= {job:'stu'};
//把这两个对象合并为一个
const combined = {...first, ...second, location:'Chengdu'};
console.log(combined);

打印结果为{name:"LT",job:"stu",location:"Chengdu"}.
同样的,你也可以用扩展操作符克隆一个对象。

const clone = {...first};

相关文章

网友评论

      本文标题:Spread Operator(扩展操作符)

      本文链接:https://www.haomeiwen.com/subject/msspmqtx.html