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

本文介绍了一系列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


 

资源下载链接为: https://pan.quark.cn/s/3d8e22c21839 随着 Web UI 框架(如 EasyUI、JqueryUI、Ext、DWZ 等)的不断发展与成熟,系统界面的统一化设计逐渐成为可能,同时代码生成器也能够生成符合统一规范的界面。在这种背景下,“代码生成 + 手工合并”的半智能开发模式正逐渐成为新的开发趋势。通过代码生成器,单表数据模型以及一对多数据模型的增删改查功能可以被直接生成并投入使用,这能够有效节省大约 80% 的开发工作量,从而显著提升开发效率。 JEECG(J2EE Code Generation)是一款基于代码生成器的智能开发平台。它引领了一种全新的开发模式,即从在线编码(Online Coding)到代码生成器生成代码,再到手工合并(Merge)的智能开发流程。该平台能够帮助开发者解决 Java 项目中大约 90% 的重复性工作,让开发者可以将更多的精力集中在业务逻辑的实现上。它不仅能够快速提高开发效率,帮助公司节省大量的人力成本,同时也保持了开发的灵活性。 JEECG 的核心宗旨是:对于简单的功能,可以通过在线编码配置来实现;对于复杂的功能,则利用代码生成器生成代码后,再进行手工合并;对于复杂的流程业务,采用表单自定义的方式进行处理,而业务流程则通过工作流来实现,并且可以扩展出任务接口,供开发者编写具体的业务逻辑。通过这种方式,JEECG 实现了流程任务节点和任务接口的灵活配置,既保证了开发的高效性,又兼顾了项目的灵活性和可扩展性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值