正则匹配字符串中电话号码的中间几位为指定字符

今天遇到一个需求,要替换字符串中的电话号码的中间几位为星号, 泥马之前是后端做得,现在要我前端弄 , 心里一万个 艹 * 马............. 此处省略9997个字 .

直接上代码------- , 这里的字符做了连续判断,如果两个电话号码是连续的,就不做处理,

希望能帮到抓耳挠腮的你------

javascript 复制代码
let splitStartIndex = "";
  /**
   * 
   * @param {*} str 需要分割的字符串
   * @param {*} params {
   *    slicePar:[]//替换匹配到的电话号码的起始和结束位置
   *    repStr:""//替换的字符串 单个字符 程序通过起始和结束位置循环生成替换的字符串
   *    repLongStr:""//repStr和repLongStr 任选其一 repLongStr 替换的字符串 程序不做操作 直接替换匹配的字符串
   * }
   * */
  function maskPhoneNumber(
    str,
    params = { slicePar: [3, 9], repStr: "*", repLongStr: "" }
  ) {
    const slicePar = params.slicePar;
    const repStr = params.repStr;
    const repLongStr = params.repLongStr;

    const backStr = str; //复制一份原始数据 运行出错后使用原始数据
    let err = false; //判断是否运行正常
    const phoneRegex = /1[3456789]\d{9}/g;
    const test = str.match(phoneRegex);
    if (test) {
      let replaceStr = "";
      const sliceEnd = slicePar[1];
      const sliceStart = slicePar[0];
      const replaceStrLength = sliceEnd - sliceStart;
      //   循环生成替换的字符串
      if (!repLongStr) {
        for (let i = 0; i < replaceStrLength; i++) {
          replaceStr += repStr;
        }
      } else {
        replaceStr = repLongStr;
      }
      test.forEach((el) => {
        str = phoneStrReplace(el, str, slicePar, replaceStr);
        if (!str) err = true;
      });
    }
    if (err) return backStr;
    return str;
  }
  const phoneStrReplace = (phone, str, slicePar, replaceStr) => {
    // const curPhone = phone;
    // const curReplacePhone = curPhone.slice(slicePar[0], slicePar[1]);
    // const reg = new RegExp(curReplacePhone, "g");
    // 剪切指定位置的字符串 避免使用replace替换因为数字重复导致的替换错误
    const startIndex = str.indexOf(phone);
    if (startIndex == splitStartIndex) return false; //如果两次的起始位置和结束位置一样就说明两次的电话号码是连续的 不做处理
    splitStartIndex = startIndex + phone.length;
    const splitStart = str.slice(0, startIndex + slicePar[0]);
    const splitEnd = str.slice(startIndex + slicePar[1]);
    return splitStart + replaceStr + splitEnd;
  };
  const input = "这是一个包含13333333333-13323455432电话号码的字符串";
  const output = maskPhoneNumber(input);
  console.log(output);
相关推荐
小poop5 小时前
CSS 基础与实战:从入门到精通网页美化
前端
Csvn7 小时前
运行时性能
前端
Never_every997 小时前
位图转矢量工具哪个好?实测抠抠图AI位图转矢量工具
大数据·前端
paopaokaka_luck8 小时前
宠物门店经营管理系统(销售与库存联动、进货自动记账、 退换与退款关联、员工个人业绩、ECharts 经营分析、滞销识别与客户分层、宠物档案年龄计算)
前端·javascript·spring boot·mysql·echarts·mybatis·1024程序员节
空中湖8 小时前
用 React 写数据大屏:为什么我不建议用图表库
前端·react.js·前端框架
欣欣之王来了10 小时前
原始HTML插值:v-html指令的使用与安全风险
前端·学习·架构·项目·vue3教程
IT_陈寒10 小时前
Redis的LRU淘汰策略坑了我一整天
前端·人工智能·后端
计算机魔术师10 小时前
砍半价格、参数再涨,国产旗舰追到 Opus 鼻尖了
前端
paopaokaka_luck10 小时前
心理咨询管理系统(WebSocket实时沟通、基于用户的协同过滤、 ECharts多维分析、 预约业务流程、预约校验与定时处理)
java·vue.js·spring boot·mysql·spring·echarts·1024程序员节
特立独行的猫A10 小时前
10 MB 的桌面 AI 客户端:用仓颉 + 系统 WebView 替代 Electron
前端·harmonyos