vue将电话号码中间的几位数隐藏显示

大雨倾城

于 2019-08-08 09:31:55 发布

阅读量7.2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏：前端 vue

本文链接：https://blog.youkuaiyun.com/qq_38918953/article/details/98845710

前端同时被 2 个专栏收录

41 篇文章

订阅专栏

vue

26 篇文章

订阅专栏

本文详细介绍了多种实现电话号码脱敏的技术方案，包括使用JavaScript进行字符串操作的方法，如substr、replace结合正则表达式，以及通过数组操作实现的技巧。这些方法能够有效保护个人隐私，适用于不同的应用场景。

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

1字符串转化成数组
2.将数组中的4-7位变成*

   phoneNumFilter (phone) {
      // 1字符串转化成数组
      let phoneArr = [...phone];
      // 2.将数组中的4-7位变成*
      phoneArr.map((res, index) => {
        if (index > 2 && index < 7) {
          this.str += '*';
          // return '*';
        } else {
          this.str += res;
          // return res;
        }
      });
      return this.str;
    }


其他方法：

let phone='13511115678';
//方法一
var newphone=phone.substr(0, 3) + '****' + phone.substr(phone.length - 4);
//方法二
var newphone= phone.replace(phone.substr(3, 4),"****")
//方法三
var newphone=phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$3');
//方法四
var newphone=phone.replace( /([0-9]{3})([0-9]{4})([0-9]{4})/,"$1****$3")
详解方法三和四，如下：



此外，上述$1、$2、$3是将数字分隔开，比如讲中间四位和后四位互换位置  13511115678 -> 13556781111 

var newphone=phone.replace(/(\d{3})\d{4}(\d{4})/, '$1$3$2');  // 13556781111