JavaScript 实现姓名与电话号码部分隐藏功能

作者:拾光

时间:2026-10-22

浏览:404

本文介绍如何在JavaScript中实现姓名和电话号码的部分隐藏功能。通过计算需替换的字符数量并生成对应长度的星号字符串,利用substring方法截取前后保留部分,最终拼接实现数据脱敏效果。

文章目录

JS实现姓名与电话号码部分隐藏功能

在项目开发中,有时需要展示用户信息但保护隐私,例如仅显示姓名的首尾字符以及手机号码的前几位和后几位,中间部分使用星号(*)进行遮挡。此方案参考了网络上的现有实现,具体参考链接未记录。

核心代码实现


hidden:function(str,frontLen,endLen) { 
           var len = str.length-frontLen-endLen;
           var xing = '';
           for (var i=0;i<len;i++) {
           xing+='*';
          }
           return str.substring(0,frontLen)+xing+str.substring(str.length-endLen);
        }

参数说明

该函数主要接收两个参数:frontLen 表示需要保留的前缀字符数量,endLen 表示需要保留的后缀字符数量。

实现原理

实现逻辑较为直观:首先计算需要被星号替换的字符总数,即总长度减去前后保留的长度;接着构建一个由相应数量星号组成的字符串;最后,利用 substring 方法分别截取字符串的前半部分和后半部分,将截取的片段与星号字符串拼接后返回。

总结

总结

结语

上述内容介绍了在 JavaScript 中实现姓名或电话号码部分隐藏的方法,希望能对读者有所帮助。如有疑问欢迎留言,小编会及时回复。感谢支持。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章