前言
加密，其實就是對字符串的處理，主要包括查找，截取，替換，當然我們還可以使用正則
前端數據是從后端拿到的，關于數據敏感的問題，可能在開發過程中經常遇到，我們也知道前端對數據的處理也都是表皮層，沒法達到真正的安全目的。但，沒辦法，有時候我們還是要去做一些本不該做的事情來讓某些東西看似合理。
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")
}
總結
原文地址：https://blog.csdn.net/weixin_43743175/article/details/125375242