Web前端之路

分享一些在工作中常用的实例函数

2020-07-23  本文已影响0人  MrHong_bfea

1.对数组成员特性进行分组

 function Group(arr = [], key) {
        return key
          ? arr.reduce(
              (t, v) => (!t[v[key]] && (t[v[key]] = []), t[v[key]].push(v), t),
              {}
            )
          : {}
      }
      const arr1 = [
        { area: 'GZ', name: 'YZW', age: 27 },
        { area: 'GZ', name: 'TYJ', age: 25 },
        { area: 'SZ', name: 'AAA', age: 23 },
        { area: 'FS', name: 'BBB', age: 21 },
        { area: 'SZ', name: 'CCC', age: 19 }
      ]
      // 以地区area作为分组依据
      console.log(Group(arr1, 'area'))
  //{ GZ: Array(2), SZ: Array(2), FS: Array(1) }

2.对数组成员包含的关键字进行统计

function Keyword(arr = [], keys = []) {
        return keys.reduce(
          (t, v) => (arr.some(w => w.includes(v)) && t.push(v), t),
          []
        )
      }

      const text = [
        '今天天气真好,我想出去钓鱼',
        '我一边看电视,一边写作业',
        '小明喜欢同桌的小红,又喜欢后桌的小君,真TM花心',
        '最近上班喜欢摸鱼的人实在太多了,代码不好好写,在想入非非'
      ]
      const keyword = ['偷懒', '喜欢', '睡觉', '摸鱼', '真好', '一边', '明天']
      Keyword(text, keyword)
      // ["喜欢", "摸鱼", "真好", "一边"]

3.字符串翻转

function ReverseStr(str = '') {
        return str.split('').reduceRight((items, item) => items + item)
      }

      const str = 'pox最牛逼'
      ReverseStr(str)
      // "逼牛最xop"

4.数组成员独立拆解

function Unzip(arr = []) {
        return arr.reduce(
          (items, item) => (item.forEach((w, i) => items[i].push(w)), items),
          Array.from({
            length: Math.max(...arr.map(item => item.length))
          }).map(v => [])
        )
      }
      const arr5 = [
        ['a', 1, true],
        ['b', 2, false]
      ]
      Unzip(arr5)
      // [["a", "b"], [1, 2], [true, false]]

5.用户名-只保留姓氏或中间特殊处理

function formatName(name) {
        let newStr
        if (name.length === 2) {
          newStr = name.substr(0, 1) + '*' // 通过substr截取字符串从第0位开始截取,截取1个
        } else if (name.length > 2) {
          // 当名字大于2位时
          let char = ''
          for (let i = 0, len = name.length - 2; i < len; i++) {
            // 循环遍历字符串
            char += '*'
          }
          newStr = name.substr(0, 1) + char + name.substr(-1, 1)
        } else {
          newStr = name
        }

        return newStr
      }
      console.log(formatName('黄飞燕')) // 输出 黄*燕

6.使用正则表达式,只保留姓后面都变为*

      var str8 = '王小明'
      var reg = /(?<=.)./g
      result = str8.replace(reg, '*')
      console.log(result) // 王**

7.使用正则表达式,手机号码中间4位用星号*替换展示

    var phone = '13701134148'
    var resultPhone = phone.replace(/^(\d{3})\d{4}(\d+)/, '$1****$2')
    console.log(resultPhone) // 137****4148
上一篇 下一篇

猜你喜欢

热点阅读