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

作者:拾光时间:2026-10-22 16:03:18浏览:405

本文介绍如何在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 中实现姓名或电话号码部分隐藏的方法,希望能对读者有所帮助。如有疑问欢迎留言,小编会及时回复。感谢支持。

作者最新文章