js前端身份证号、手机号脱敏、手机号、身份证号加密处理(ios浏览器兼容性问题)
作者：我总是词不达意
这篇文章主要给大家介绍了关于js前端身份证号、手机号脱敏、手机号、身份证号加密处理的相关资料,还介绍了ios浏览器兼容性问题,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
前言
加密，其实就是对字符串的处理，主要包括查找，截取，替换，当然我们还可以使用正则
前端数据是从后端拿到的，关于数据敏感的问题，可能在开发过程中经常遇到，我们也知道前端对数据的处理也都是表皮层，没法达到真正的安全目的。但，没办法，有时候我们还是要去做一些本不该做的事情来让某些东西看似合理。
1、手机号脱敏
const phone = "13031325689";
const str = phone.replace(/(\d{3})\d*(\d{4})/, '$1****$2')
console.log(str) // 130****5689
2、身份证号脱敏
const card = "512326199102115645";
const str1 = card.replace(/(\w{6})\w*(\w{4})/,'$1********$2');
console.log(str) // 512326********5645
$1,$2是表示的小括号里的内容；$1是第一个小括号里的 ,$2是第2个小括号里的 ，以此类推
例如手机号脱敏：
(\d{3}) = 130
(\d{4}) = 5689
3、ios浏览器兼容问题
之前用的正则表达式零宽断言来进行脱敏，导致页面打开空白
safari浏览器不支持正则表达式中携带零宽断言。如果在正则中携带零宽断言，会导致页面空白，并且控制台报错：
SyntaxError: Invalid regular expression: invalid group specifier name
或者SyntaxError: Invalid regular expression: unrecognized character after (?
使用方式如下（目前只兼容安卓，safari也不支持）：
// 正则替换 身份证号脱敏
let idCardNum = '512326199102115645';
idCardNum = idCardNum .replace(/(?<=\d{3})\d{12}(?=\d{2})/,"************")
console.log(idCardNum) // 512*************45
// 正则替换 手机号脱敏
let mobile = '13031325689';
mobile = mobile.replace(/(?<=\d{3})\d{5}(?=\d{2})/,"*****")
console.log(mobile) // 130*****89补充：js 加密姓名和加密身份证号码
例子加密姓名
EncryptName(name) {
let newStr;
if(name.length === 2) {
newStr = name.substr(0, 1) + '*';
} else if (name.length > 2) {
let char = '';
for (let i = 0, len = name.length - 2; i < len; i++) {
char += '*';
}
newStr = name.substr(0, 1) + char + name.substr(-1, 1);
} else {
newStr = name;
}
return newStr;
}加密身份证
EncryptCert(cert){
return cert.replace(/^(.{3})(?:\d+)(.{3})$/, "$1*********$2")
}
总结
到此这篇关于js前端身份证号、手机号脱敏、手机号、身份证号加密处理(ios浏览器兼容性问题)的文章就介绍到这了,更多相关js身份证号、手机号脱敏、加密内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！