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

本文主要是介绍项目开发中用到的一些通用方法，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

	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
      })
    },

这篇关于项目开发中用到的一些通用方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！