项目开发中用到的一些通用方法

最新推荐文章于 2022-07-19 22:20:19 发布

迷失过日光

最新推荐文章于 2022-07-19 22:20:19 发布

阅读量143

点赞数

分类专栏：数组检索 vue系列文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_39325930/article/details/116064960

版权

vue系列同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

数组检索

3 篇文章 0 订阅

订阅专栏

对象数组去重（根据某个属性）

	getArrayRemoveRepeat(arr,key) {
      const hash = {};
      const newArray = arr.reduce((item, next)=>{
          hash[next[key]] ? '' : hash[next[key]] = true && item.push(next);
          return item;
      },[])
      return newArray
    },

树结构，找上一层父级

	findPnode(data, nodeId) {
      var result = {}
      data.forEach(item => {
        if (item.children && item.children.length) {
          item.children.forEach(vitem => {
            if (vitem.id == nodeId) {
              result = item;
              return result;
            } else if (vitem.children && vitem.children.length) {
              result = this.findPnode([vitem], nodeId)
              if (result) {
                return result
              }
            }
          })
        }
      })
      return result
    }

组装树结构（tree）

	getTree(tree = []) { //树的数据结构
      let arr = [];
      if (tree.length !== 0) {
        tree.forEach(item => {
          let obj = {};
          obj.title = item.name;
          obj.id = item.id;
          if (item.haveChildren) {
            obj.children = [];
            obj.loading = false;
          }
          arr.push(obj);
        });
      }
      return arr
    },

高亮表格文字

	highlights() {
      const search = this.listParam.name
      console.log('tabData', this.tabData)
      this.tabData = this.tabData.map(item => {
        for (let key in item) {
          if (key == 'newName') {
            let replaceReg = new RegExp(search, 'g') // 匹配关键字正则
            let replaceString = '<span class="highlights-text">' + search + '</span>' // 高亮替换v-html值
            item[key + '-highlights'] = item[key].replace(replaceReg, replaceString) // 开始替换
          }
        }
        return item
      })
    },