快捷導(dǎo)航

js前端身份證號、手機(jī)號脫敏、手機(jī)號、身份證號加密處理(ios瀏覽器兼容性問題)

更新時(shí)間：2022年11月16日 15:50:23 作者：我總是詞不達(dá)意

這篇文章主要給大家介紹了關(guān)于js前端身份證號、手機(jī)號脫敏、手機(jī)號、身份證號加密處理的相關(guān)資料,還介紹了ios瀏覽器兼容性問題,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

前言

加密，其實(shí)就是對字符串的處理，主要包括查找，截取，替換，當(dāng)然我們還可以使用正則

前端數(shù)據(jù)是從后端拿到的，關(guān)于數(shù)據(jù)敏感的問題，可能在開發(fā)過程中經(jīng)常遇到，我們也知道前端對數(shù)據(jù)的處理也都是表皮層，沒法達(dá)到真正的安全目的。但，沒辦法，有時(shí)候我們還是要去做一些本不該做的事情來讓某些東西看似合理。

1、手機(jī)號脫敏

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是表示的小括號里的內(nèi)容；$1是第一個(gè)小括號里的 ,$2是第2個(gè)小括號里的，以此類推

例如手機(jī)號脫敏：

(\d{3}) = 130

(\d{4}) = 5689

3、ios瀏覽器兼容問題

之前用的正則表達(dá)式零寬斷言來進(jìn)行脫敏，導(dǎo)致頁面打開空白

safari瀏覽器不支持正則表達(dá)式中攜帶零寬斷言。如果在正則中攜帶零寬斷言，會導(dǎo)致頁面空白，并且控制臺報(bào)錯(cuò)：

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

// 正則替換 手機(jī)號脫敏
let mobile = '13031325689';
mobile = mobile.replace(/(?<=\d{3})\d{5}(?=\d{2})/,"*****")
console.log(mobile) // 130*****89

補(bǔ)充：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")
}

總結(jié)

到此這篇關(guān)于js前端身份證號、手機(jī)號脫敏、手機(jī)號、身份證號加密處理(ios瀏覽器兼容性問題)的文章就介紹到這了,更多相關(guān)js身份證號、手機(jī)號脫敏、加密內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: