JS实现列表元素合并
Vue做一个穿梭框的功能，需要用到合并列表元素，左列表合并到右列表。核心思路是右三个数据列表，左、右、选中
method:{
toRight:function(){
var selectData=this.leftData.filter(function(item){
return item.check==true; //check是元素的一个属性，只返回为true，即勾选了的元素。注意内置的filter方法返回的是一个数组
});
//es5合并数组 concat
this.rightData = this.rightData.concat(selectData);
//es6合并数组 展开运算符
this.rightData=[...this.rightData,...this.selectData]
//常规push 也可以用展开运算符
this.rightData.push(...this.rightData,...this.selectData)
//左边列表将穿梭的元素去掉
this.leftData=this.leftData.filter(function(item){
return item.check==false;
})
}
}
如有差错，请各位指正
https://www.cnblogs.com/Timeouting-Study/p/16223924.html
Vue项目中Api的组织和返回数据处理
https://www.itxm.cn/post/47311.html
其他合并数组的方法
https://wenku.baidu.com/view/eb1b6a5a24284b73f242336c1eb91a37f1113208.html