js列表合并以及处理响应数据

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
posted @ 2022-10-16 22:41  洪豆豆的记录  阅读(247)  评论(0编辑  收藏  举报