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

迷南。 2022-10-06 04:52 188阅读 0赞

### 文章目录 ###

*  一、数组过滤
 *   *  1.filter字符串包含某个字符
     *  2.forEach\_indexOf数组去重（id值相同）
     *  3.双重for循环\_splice数组去重（key相同）
     *  4.for\_indexOf数组去重
 *  二、树形数组
 *   *  1.默认选中\_返回树形中所有被选中的id数组
     *  2.被取消且原本为选中的

--------------------

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

# 一、数组过滤 #

## 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;
      }

后续补充

--------------------