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 中实现姓名或电话号码部分隐藏的方法,希望能对读者有所帮助。如有疑问欢迎留言,小编会及时回复。感谢支持。
作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
