JS 正则表达式隐藏数据

前端项目中需要正则表达式处理业务数据，对姓名身份证号手机号银行卡号车牌号邮箱号做隐藏处理，下面记录实现方法。

一、简单的查阅正则语法

固定格式：/表达式 /修饰符

修饰符可有，可没有，也可组合，有三种

全局匹配，即是匹配一个后继续匹配，直到结束g;

忽略大小写匹配i；

多行匹配，即是遇到换行后不停止匹配，直到结束m

需要的通配符

？匹配前面的子表达式零次或一次，或指明一个非贪婪限定符，要匹配 ? 字符，请使用 \?；

. 匹配除换行符 \n 之外的任何单字符，要匹配 . ，请使用 \. ；

* 匹配前面的子表达式零次或多次，要匹配 * 字符，请使用 \*；

解释语句

.* 匹配任意非\n字符零次或者多次贪婪匹配，有多少匹配多少

{n} n 是一个非负整数。匹配确定的 n 次;

{n,m} m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次

{n,} n 是一个非负整数。至少匹配n 次。

?<=n 匹配任何其前紧跟字符n的字符串，返回中不包含n；

() 和 $1搭配使用例如 $1，$2分别匹配第一个括号和第二个括号中的内容

二、敲代码

//隐藏姓名，姓名有两位 三位 甚至四位的，确定位数尤为重要 方便客户模糊确认
//a.substring(0,a.length-1).replace(/(?<=.)./g,"*")+(a.length-1==1?"*":a[a.length-1]);
//输出结果 王*傻 王* 汪* 辣**子 王*二 汪*二
var str_list1=["王二傻","王二","汪汪","辣木洋子","王二二","汪汪二"]
function test1(str_list){str_list.forEach((item,index) =>{var a = item;a = a.a=a.substring(0,a.length-1).replace(/(?<=.)./g,"*")+(a.length-1==1?"*":a[a.length-1]);console.log(a)});
}
test1(str_list1);//隐藏手机中间四位数，当然你可以更改 ‘3’，‘4’以及‘*’的数目，隐藏更多的数字
//手机的位数固定非常好隐藏，通过字符串拼接也可以做到
//a.replace(/(.{3}).*(.{4})/, '$1****$2')
//输出 157****4986
var str_list2=["15755594980"]
function test2(str_list){str_list.forEach((item,index) =>{var a = item;a = a.replace(/(.{3}).*(.{4})/, '$1****$2')console.log(a)});
}
test2(str_list2);//隐藏身份证中出生日期，当然你可以更改 ‘6’，‘4’以及‘*’的数目，隐藏更多的数字
//输出结果 340322********8888
//a.replace(/(.{6}).*(.{4})/, '$1********$2')
str_list3=["340322199909388888"]
function test3(str_list){str_list.forEach((item,index) =>{var a = item;a = a.replace(/(.{6}).*(.{4})/, '$1********$2')console.log(a)});
}
test3(str_list3);//隐藏车牌号中间的4位数字,车牌号有七位和新能源汽车8位，当然你可以更改 ‘2’，‘3’以及‘*’的数目，隐藏更多的数字
//a.replace(/(.{2}).{4}(.{1,2})/, '$1****$2')
//车牌号的位数也非常重要 一个是可以验证 一个是可以区分车类型
var str_list4=["皖ED5555","京A000001"]
function test4(str_list){str_list.forEach((item,index) =>{var a = item;a = a.replace(/(.{2}).{4}(.{1,2})/, '$1****$2')console.log(a)});
}
test4(str_list4);//隐藏银行卡号 中间8数字，银行卡16位 17位 19位，不同位数代表不同类型卡 是有必要确定位数的
//a.replace(/(.{4}).{8}(.{4,})/, '$1********$2')
//输出结果见 下图
var str_list5=["0000000000000000","00000000000000000","0000000000000000000"]
function test5(str_list){str_list.forEach((item,index) =>{var a = item;a = a.replace(/(.{4}).{8}(.{4,})/, '$1********$2')console.log(a)});
}
test5(str_list5);//隐藏邮箱号码 邮箱位数 各种各样 不好隐藏固定的 反正是隐藏为目的不必确定是多少位
//当然也是可以做到确定位数的隐藏只不过比较麻烦
var str_list6=["111111111@qq.com","www22222@163.com"]
function test6(str_list){str_list.forEach((item,index) =>{var a = item;a = a.replace(/(.{2}).*(@.*)/, '$1********$2')console.log(a)});
}
test6(str_list6);

三、参考文档

https://www.jianshu.com/p/488d60349325

https://www.runoob.com/regexp/regexp-syntax.html

JS 正则表达式隐藏数据相关推荐

【JavaScript】如何将JS中的数据提交到Servlet服务器中
功能用户可以在form表单中输入用户名和密码点击"改变用户名"."改变密码"."改变隐藏值"按钮后,相应input中的值被改变注意:此 ...
JS正则表达式大全(整理详细且实用)
JS正则表达式大全(整理详细且实用) 作者: 字体:[增加减小] 类型:转载时间:2013-11-14 我要评论 JS正则表达式大全(整理详细且实用).需要的朋友可以过来参考下,希望对大家有所帮助 ...
基于echarts+js+fexible.js实现的数据可视化适配案例（附源代码）
介绍数据可视化 :借助于图形化手段,清晰有效地传达与沟通信息 ECharts:是一个使用JavaScript实现的开源可视化库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器,底层依赖矢量 ...
html js正则表达式语法,js正则表达式非中文_js正则表达式匹配中文_js正则表达式语法...
腾讯云活动聚集了最新的降价打折.特惠折扣等资料,你在这里可以寻找云服务器.域名..小流程等等多种不同产品的促销活动,还有这些品牌的免费试用哦. 因为对js中的正则不太了解,可以参考一下js 中正则表达 ...
JS正则表达式完整版
目录引言第一章正则表达式字符匹配攻略 1 两种模糊匹配 2. 字符组 3. 量词 4. 多选分支 5. 案例分析第1章小结第二章正则表达式位置匹配攻略 1. 什么是位置呢? 2. 如何匹 ...
【JS-正则表达式】JS正则表达式完整教程（略长）
引言亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣. 想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水平的一个侧面标准. 关于正则表达式的教程,网上也有很多,相信你也看了一些. ...
JS正则表达式完整教程
引言亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣. 想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水平的一个侧面标准. 关于正则表达式的教程,网上也有很多,相信你也看了一些. ...
JS正则表达式完整教程（略长）
注:本文已经整理成电子书:<JavaScript正则迷你书> 引言亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣. 想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水 ...
js正则表达式校验数字和小数点的数字
js正则表达式校验数字和小数点的数字 /** obj 校验的数据 name 前台字段的名字,用于判断后清空,可以不传 */ function checkFloat(obj,name){var re = ...

JS 正则表达式隐藏数据

JS 正则表达式隐藏数据相关推荐

最新文章

热门文章

JS 正则表达式 隐藏数据

JS 正则表达式 隐藏数据相关推荐

最新文章

热门文章

JS 正则表达式隐藏数据

JS 正则表达式隐藏数据相关推荐