es6..扩展运算符的妙用

最近在写代码的时候遇到想替换两数组的相同键名的值时,很难有很优雅的方式完成替换,例如:

let a=[a1:1,a2:2,a3:3],b=[a1:4,a2:5,a3:6]

我想把两个或者两个以上这种有大量相同键名的数组合并,希望后面数组的参数可以替换前面数组的参数,但是使用foreach或者for都非常不方便,因为他们都需要一个条件,才可以找到对应的同键名参数,代码有点太绕了,不太好看,查看es6的时候,突然想起…扩展运算符方法不是可以完美解决这个问题吗,…在合并对象或者数组的时候,只需要:

let c=[...a,...b];
//输出 [a1:4,a2:5,a3:6]

就可以自动为完成数组的合并,并且相同的健名会自动替换,只需要这样的一行代码,非常方便而且优雅!

你可能感兴趣的:(vue.js,javascript,前端)