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