js数组与对象常用操作方法

一、Js相关数组操作

1. 数组去除相同的

let arr = [1,2,3]
let arr2 = [1,2,3,4,5]
// 输出arr3 =  [4,5]
    arr3 = arr.filter(v => {
          return arr2.indexOf(v) === -1
     });

2. 数组添加数数据

let arr1 =[{ids:1,name:Emiley},{ids:2,name:bob},{ids:3,name:run}]
//输出 arr2 = [{id:1,ids:1,name:Emiley},{id:2,ids:2,name:bob},{id:3,ids:3,name:run}]
arr1.forEach(ele => {
        if (ids.id) {
          ele.ids= ele.id;
        }
});

3. 数组反转

   reversePeople(array) {
      let newArr = [];
      for (let i = array.length - 1; i >= 0; i--) {
        newArr[newArr.length] = array[i];
      }
      return newArr;
    },

4. 打乱数组排序

let arr = [1,2,3,4,5]
arr.sort(() => Math.random() - 0.5);
//随机输出一个排序打乱的数组

5. 取数组的前几个

let arr = [1,2,3,4]
arr.slice(0,2)
//输出arr = [1,2]

6. 数组扁平化

flatten(arr) {
    return arr.join(',').split(',').map(function(item) {
        return parseInt(item);
    })
}

7. 遍历对象取key值

let obj = res.data.record
let arrOne = [] //处理为数组
let finish = [] //完成
let remain = [] //未完成
let arrName = [] //镇的名字
//遍历对象
Object.getOwnPropertyNames(obj).forEach((key, index) => {
      arrOne.push(obj[key])
      arrName[index] = key
})
//遍历数组 组合数组
arrOne.forEach((key, index) => {
    finish[index] = key.finish
    remain[index] = key.remain
})

8. 数组转换为对象，并且把数组处理成字符串

 list(v) {
let arr = []
v.forEach((ele) => {
    arr.push(ele.caseNo)
})
let arrOne = Object.assign({}, arr)
let ogj = Object.values(arrOne)
let string = JSON.stringify(ogj).replace(/\"/g, '').replace(/\[|]/g, '')
      return string
}

9. 将对象的数据拼接成数组的数据并且取到不同的值。

  let arr = res.data.record.caseMap
        let arrOne = []
      //遍历了对象，添加图片路径进数组
        Object.getOwnPropertyNames(arr).forEach((key, index) => {
          arr[key].src = require(`@/assets/home/pic${index}.png`)
          arrOne.push(arr[key])
        })

   let data = res.data.record
        //业务类型
       //(data.caseSourceMap)
        let arr = []
        let arrOne = []
        Object.getOwnPropertyNames(data.caseSourceMap).forEach((key, index) => {
          arr.push(key)
          arrOne.push(data.caseSourceMap[key])
        })

10. 当数组不足9项的时候 补足 9项目。

var  arr = [0,1,2]
var arrThe = [...arr,...ner Array(9-arr.length).fill(0)]
//输出  arrThe  ==>   [ 0,1,2,0,0,0,0,0,0,0]

11 .递归操作两颗树 比较两棵树 只留下 含有的 相同id 的树

 // 递归  
// 参数一 原本的树结构，参数2 id 组合成为的数组
    filterMenu(menuList, menuCode) {
      console.log(menuList, menuCode)
      return menuList.filter(item => {
        return menuCode.indexOf(item.id) > -1
      }).map(item => {
        item = Object.assign({}, item)
        if (item.children) {
          item.children = this.filterMenu(item.children, menuCode)
        }
        return item
      })
    },

12 .遍历一个对象 寻找其尾数相同的数组 并且将其拼合成一个全新的对象！

let wglist = {
            nightPer2: "33.33%",
            userAll3: 6,
            nightPer1: "33.33%",
            userAll2: 6,
            nightPer4: "33.33%",
            userAll5: 6,
            nightPer3: "33.33%",
            userAll4: 6,
            userAll1: 6,
            planDateStr1: "2021-06-08 00:00:00",
            nightPer6: "33.33%",
            nightPer5: "33.33%",
            grdlCode: "3",
            nightPer8: "33.33%",
            nightPer7: "33.33%",
            planDateStr6: "2021-06-13 00:00:00",
            planDateStr7: "2021-06-14 00:00:00",
            planDateStr8: "2021-06-15 00:00:00",
            planDateStr2: "2021-06-09 00:00:00",
            planDateStr3: "2021-06-10 00:00:00",
            planDateStr4: "2021-06-11 00:00:00",
            planDateStr5: "2021-06-12 00:00:00",
            grdCode: "GRD6101150016",
            dayPer5: "66.67%",
            dayPer6: "66.67%",
            dayPer7: "66.67%",
            dayPer8: "66.67%",
            dayPer1: "66.67%",
            userAll7: 6,
            dayPer2: "11.27%",
            userAll6: 6,
            dayPer3: "66.67%",
            dayPer4: "66.67%",
            userAll8: 6,
            dayShift2: 4,
            dayShift3: 4,
            dayShift4: 4,
            dayShift5: 4,
            dayShift1: 4,
            grdName: "油槐街道",
            dayShift6: 4,
            dayShift7: 4,
            dayShift8: 4,
            nightShift1: 2,
            allPer8: "100.00%",
            allPer7: "100.00%",
            allPer6: "100.00%",
            allPer5: "100.00%"
        }
        var resObj = new Array();
        var pattern = /[0-9]$/;
        Object.keys(wglist).forEach((key) => {
            status = pattern.test(key);
            if (status === 'true') {
                var index = key.match(pattern)[0];
                var val = wglist[key];
                if (typeof (resObj[index]) === 'object') {
                    resObj[index][key] = val;
                } else {
                    resObj[index] = new Object();
                    resObj[index][key] = val;
                }
            }
        });
        console.log('resObj', resObj)