Vue 实现手机号中间四位数隐藏

687 阅读2分钟

场景:需要隐藏手机号中间部分号码,或者部分内容需要通过*来代替的时候

解决方法:

1.切割法

const phone = '17712345678'     //后续更换接口返回的电话号码
this.userTelephoneNum = phone.substr(0, 3) + '****' + phone.substr(7) 

 1select substr('HelloWorld',0,3) value from dual; //返回结果:Hel,截取从“H”开始3个字符
 2select substr('HelloWorld',1,3) value from dual; //返回结果:Hel,截取从“H”开始3个字符
 3select substr('HelloWorld',2,3) value from dual; //返回结果:ell,截取从“e”开始3个字符
 4select substr('HelloWorld',0,100) value from dual; //返回结果:HelloWorld,100虽然超出预处理的字符串最长度,但不会影响返回结果,系统按预处理字符串最大数量返回。
 5select substr('HelloWorld',5,3) value from dual; //返回结果:oWo
 6select substr('Hello World',5,3) value from dual; //返回结果:o W (中间的空格也算一个字符串,结果是:o空格W)
 7select substr('HelloWorld',-1,3) value from dual; //返回结果:d (从后面倒数第一位开始往后取1个字符,而不是3个。原因:下面红色 第三个注解)
 8select substr('HelloWorld',-2,3) value from dual; //返回结果:ld (从后面倒数第二位开始往后取2个字符,而不是3个。原因:下面红色 第三个注解)
 9select substr('HelloWorld',-3,3) value from dual; //返回结果:rld (从后面倒数第三位开始往后取3个字符)
10select substr('HelloWorld',-4,3) value from dual; //返回结果:orl (从后面倒数第四位开始往后取3个字符)

(注:当a等于0或1时,都是从第一位开始截取(如:1和2)) 

(注:假如HelloWorld之间有空格,那么空格也将算在里面(如:5和6)) 

(注:虽然7、8、9、10截取的都是3个字符,结果却不是3 个字符; 只要 |a| ≤ b,取a的个数(如:7、8、9);当 |a| ≥ b时,才取b的个数,由a决定截取位置(如:9和10))

11select substr('HelloWorld',0) value from dual;  //返回结果:HelloWorld,截取所有字符
12select substr('HelloWorld',1) value from dual;  //返回结果:HelloWorld,截取所有字符
13select substr('HelloWorld',2) value from dual;  //返回结果:elloWorld,截取从“e”开始之后所有字符
14select substr('HelloWorld',3) value from dual;  //返回结果:lloWorld,截取从“l”开始之后所有字符
15select substr('HelloWorld',-1) value from dual;  //返回结果:d,从最后一个“d”开始 往回截取1个字符
16select substr('HelloWorld',-2) value from dual;  //返回结果:ld,从最后一个“d”开始 往回截取2个字符
17select substr('HelloWorld',-3) value from dual;  //返回结果:rld,从最后一个“d”开始 往回截取3个字符 

2.正则

const phone = '17786292509'     //后续更换接口返回的电话号码
this.userTelephoneNum = phone.replace(/^(.{3}).*(.{4})$/, '$1****$2');