vue实现多个数组合并
作者：蒙面价肥猫
这篇文章主要介绍了vue实现多个数组合并方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue多个数组合并成一个数组
假如有三个数组，a[1,2,3] , b['x','y','z'] , c['a','b','c'] ,将他们三个整合到一起
data(){
return{
//定义一个新数组
parameterArrayList:[],//所有数据
a[1,2,3] ,
b['x','y','z'] ,
c['a','b','c']
}
}
methods:{
test(){
this.a.forEach((item,i)=>{
this.parameterArrayList.push({
date:item,
describe:this.b[i],
dataEnd:this.c[i],
})
})
}
}vue合并对象中的多个数组并去重
1.合并
代码如下（示例）：
类似这样的数组我们如何高效快速的去合并呢？
我们可以用 Object.values（）
方法返回给定对象自己的可枚举属性值的数组，其顺序与 for...在循环中。唯一的区别是循环也枚举原型链中的属性 for...in
const data = {"A":["1","2","3","4","21","22"],"B":["3","4","5","6","7","8"]};
const result = [].concat(...Object.values(data));
console.log(result);2.数组去重
代码如下（示例）：
使用Set实现去重
const arrayResult = Array.from(new Set(result))
console.log('arrayResult',arrayResult)3.数组对象去重
代码如下（示例）：
const arr = [
{
name: '潺潺',
age: 18
},
{
name: '挖挖',
age: 29
},
{
name: '挖挖',
age: 29
},
{
name: '潺潺',
age: 18
}
]
const map = new Map()
// 对name属性进行去重
const result= arr.filter(key => !map.has(key.name) && map.set(key.name, 1)) 总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。