js—数组过滤及树形数组的一些应用

---

提示：以下是在之前写项目的时候应用过的一些小栗子，仅供参考

一、数组过滤

1.filter字符串包含某个字符

selectedRowKeys.filter((item: any) => item.includes('.ps.'))

2.forEach_indexOf数组去重（id值相同）

let filterData: any = [];
roles.content.forEach((val: any) => {
    if (roleIds.indexOf(val.id) === -1) {
        filterData.push(val);
    }
});

3.双重for循环_splice数组去重（key相同）

uniqueArry = (arr: any) => {
    for (var i = 0; i < arr.length; i++) {
      for (var j = i + 1; j < arr.length; j++) {
        if (arr[i].key === arr[j].key) {         //第一个等同于第二个，splice方法删除第二个
          arr.splice(j, 1);
          j--;
        }
      }
    }
    return arr;
  }

4.for_indexOf数组去重

uniqueArry = (arr: any) => {
    if (!Array.isArray(arr)) {
      console.log('type error!')
      return
    }
    var array = [];
    for (var i = 0; i < arr.length; i++) {
      if (array.indexOf(arr[i]) === -1) {
        array.push(arr[i])
      }
    }
    return array;
  }

二、树形数组

1.默认选中_返回树形中所有被选中的id数组

 getKeys = (data: any, list: any) => {//已被选中
    if (data && data.length > 0) {
      for (let i = 0; i < data.length; i++) {
        if (data[i].checkedFlag === 'Y' && data[i].type === 'ps') {//默认选中的条件
          list.push(data[i].id)//选中的id数组
        }
        if (data[i].children) {//如果有下一层再进行调用
          this.getKeys(data[i].children, list)
        }
      }
      return list
    }
  }

2.被取消且原本为选中的

cancelKeys = (data: any, list: any) => {//要准备回收
    if (data?.type === 'ps' && data?.checkedFlag === 'Y') {//本身已被选中
      list.push(data?.key)
    }
    if (data?.children) {
      for (let i = 0; i < data.children?.length; i++) {
        this.cancelKeys(data.children[i], list)
      }
    }
    return list;
  }

后续补充

---