vue下一些数据处理

1.数组[ {},{},{},{} ]==》[ [{},{}] , [{},{}] ]   遍历 去重 建模 关联 排序

var arr=[{cname:'A',reType:1,riskRemark:'1111'},{cname:'A',reType:2,riskRemark:'22222'},{cname:'B',reType:1,riskRemark:'3333'},{cname:'B',reType:2,riskRemark:'44444'}]

==>

arrneed=[[{cname:'A',reType:1,riskRemark:'1111'},{cname:'A',reType:2,riskRemark:'22222'}],[{cname:'B',reType:1,riskRemark:'3333'},{cname:'B',reType:1,riskRemark:'4444'}]]

解析：

let arr1=[];

for(var i=0;i<arr.length;i++){／／1.遍历出cname

  arr1.push(arr[i].cname)

}

let arr2=Array.form(new Set(arr1));／／2.对cname去重

let arr3=[];

for (var j=0;j<arr2.length;j++){／／3.需要造出的数组结构[[],[]]

   arr3.push([]);

}

for(var k=0;k<arr2.length;k++){//4.关联出新数组

    for (var n=0;n<arr.length;n++){

         if(arr[n].cname===arr2[k]){

              arr3[k].push(arr[n]);

         }

      }

}

this.workInfo=arr3.map(item=>{／／5.在新数组依据reType排序

     return item.sort(this.compare('reType'))

})

 

compare(pro){

   return function(a,b){

      var value1=a[pro];

      var value2=b[pro];

     return value2-value1;

    }

}

数组去重的6种方法：

 

//1.filter:(indexOf)方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素, filter() 不会对空数组进行检测。 filter() 不会改变原始数组。

var arr1 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];

var arr1_1 = arr1.filter(function(m, n) {

return arr1.indexOf(m) == n;

})

document.write(arr1_1 + "<br />");

 
//2.map:(push indexOf)把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。

var arr2 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];

var arr2_2 = [];

arr2.map(function(m, n) {

if(arr2.indexOf(arr2[n]) == n) {

arr2_2.push(m);

}

});

document.write(arr2_2 + "<br />");

 
//3.indexOf(push)搜索数组中的元素，并返回它所在的位置。

var arr3 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];

var arr3_3 = [];

for(var i = 0; i < arr3.length; i++) {

if(arr3_3.indexOf(arr3[i]) == -1) {

arr3_3.push(arr3[i]);

}

}

document.write(arr3_3 + "<br />");

 
//4.splice对数组进行删除、插入、替换，是最强大的数组方法。改变原数组

var arr4 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];

for(var i = 0; i < arr4.length; i++) {

for(var j = i + 1; j < arr4.length; j++) {

if(arr4[i] == arr4[j]) {

arr4.splice(j, 1)

j--; //别忘记减

}

}

}

document.write(arr4 + "<br />");

 
//5.push(数组去重一一对比)添加到数组末尾

var arr5 = [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];

 
function remm(arr) {

var arr5_5 = [];

for(var i = 0; i < arr5.length; i++) {

for(var j = 0; j < arr5.length; j++) {

if(arr5[i] == arr5_5[j]) {

break;

}

}

if(arr5[i] != arr5_5[j]) {

arr5_5.push(arr5[i]);

}

}

return arr5_5;

}

document.write(remm(arr5) + "<br />");

//6.set数据结构Set类似于数组，但是成员的值都是唯一的，没有重复的值。用set.size表示伪数组长度

var arr6= [7, 7, 7, 8, 8, 8, 82, 82, 839, 49, 329, 8, 3, 3];

 
var set = new Set(arr6);

var newArr = new Array(...set);

document.write(newArr+"<br />");

</script>