JavaScript 实现字符串中间部分隐藏替换
作者:纸飞机时间:2026-10-22 16:11:14浏览:569
本文介绍如何使用 JavaScript 在前端实现敏感信息的局部隐藏功能。通过定义特定函数,指定保留的前后字符数量及替换符号,可将字符串中间部分替换为指定字符。示例包含完整代码及界面效果,同时指出该功能在后台实现的安全性优势。
引言
一、引入
在许多应用场景中,需要对敏感信息进行部分隐藏处理,通常的做法是使用特殊符号进行替换。
针对前端显示的需求,记录相关的 JavaScript 实现方法,以便后续复用。
JavaScript 实现逻辑
二、JS部分
/* 部分隐藏处理
** str 需要处理的字符串
** frontLen 保留的前几位
** endLen 保留的后几位
** cha 替换的字符串
*/
function plusXing(str, frontLen, endLen,cha) {
var len = str.length - frontLen - endLen;
var xing = '';
for (var i = 0; i < len; i++) {
xing += cha;
}
return str.substring(0, frontLen) + xing + str.substring(str.length - endLen);
};
应用示例与效果
三、应用实例
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>隐藏字符</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<style>
div{
margin:20px;
padding:20px;
}
input[type='button']{
padding:10px;
}
#btn_div{
margin-left:100px;
}
</style>
</head>
<body>
<div>处理之前:<input type="text" id="num"/></div>
<div id='btn_div'><input type="button" value="隐藏处理" onclick="yincang();"></div>
<div>处理之后:<span id="secret_num"></span></div>
<script>
function yincang(){
var num=$('#num').val();
var secret_num=plusXing(num,3,4,'*');
$('#secret_num').text(secret_num);
};
/* 部分隐藏处理
** str 需要处理的字符串
** frontLen 保留的前几位
** endLen 保留的后几位
** cha 替换的字符串
*/
function plusXing(str, frontLen, endLen,cha) {
var len = str.length - frontLen - endLen;
var xing = '';
for (var i = 0; i < len; i++) {
xing += cha;
}
return str.substring(0, frontLen) + xing + str.substring(str.length - endLen);
};
</script>
</body>
</html>
四、实例效果


总结
五、总结
通过上述方法,实现了在前端显示时隐藏部分敏感信息的功能。
需要注意的是,此类功能若在后台实现,安全性会更高。
以上介绍了使用 JavaScript 替换字符串中间区域的实例代码,希望能为读者提供帮助。如有疑问,欢迎留言交流,小编会及时回复。感谢对本站的支持!
作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
