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

最新推荐文章于 2022-06-22 14:17:46 发布

原创最新推荐文章于 2022-06-22 14:17:46 发布 · 194 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一系列JavaScript中处理数组和字符串的高效方法，包括数组成员的分组、关键字统计、字符串翻转、数组成员独立拆解、用户名格式化等，提供了实际编程中常用的代码片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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