js前端身份證號、手機號脫敏、手機號、身份證號加密處理(ios瀏覽器兼容性問題)
前言
加密，其實就是對字符串的處理，主要包括查找，截取，替換，當(dāng)然我們還可以使用正則
前端數(shù)據(jù)是從后端拿到的，關(guān)于數(shù)據(jù)敏感的問題，可能在開發(fā)過程中經(jīng)常遇到，我們也知道前端對數(shù)據(jù)的處理也都是表皮層，沒法達(dá)到真正的安全目的。但，沒辦法，有時候我們還是要去做一些本不該做的事情來讓某些東西看似合理。
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是表示的小括號里的內(nèi)容；$1是第一個小括號里的 ,$2是第2個小括號里的 ，以此類推
例如手機號脫敏：
(\d{3}) = 130
(\d{4}) = 5689
3、ios瀏覽器兼容問題
之前用的正則表達(dá)式零寬斷言來進(jìn)行脫敏，導(dǎo)致頁面打開空白
safari瀏覽器不支持正則表達(dá)式中攜帶零寬斷言。如果在正則中攜帶零寬斷言，會導(dǎo)致頁面空白，并且控制臺報錯：
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")
}
總結(jié)
到此這篇關(guān)于js前端身份證號、手機號脫敏、手機號、身份證號加密處理(ios瀏覽器兼容性問題)的文章就介紹到這了,更多相關(guān)js身份證號、手機號脫敏、加密內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了JS判斷點是否在線段上的相關(guān)資料,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11
本文給大家分享一段簡單的js代碼實現(xiàn)用戶登錄記住密碼操作，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-03-03
canvas壓縮圖片轉(zhuǎn)換成base64格式輸出文件流
本文主要介紹了canvas壓縮圖片轉(zhuǎn)換成base64格式輸出文件流的方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要為大家詳細(xì)介紹了JavaScript簡單實現(xiàn)彈出拖拽窗口的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
javascript 改變網(wǎng)頁加載的CSS主要通過動態(tài)響應(yīng)select觸發(fā)的選項變化控制link標(biāo)簽加載的css,以實現(xiàn)不依賴cookie控制的頁面css樣式動態(tài)加載功能,需要的朋友可以參考一下2007-12-12
javascript設(shè)計模式 – 裝飾模式原理與應(yīng)用實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 裝飾模式,結(jié)合實例形式分析了javascript裝飾模式基本概念、原理、應(yīng)用場景及操作注意事項,需要的朋友可以參考下2020-04-04
JavaScript 題型問答有答案參考，都是一些開發(fā)中容易碰到的問題。2010-02-02
這篇文章主要為大家介紹了小程序短信驗證碼頁實現(xiàn)demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
這篇文章主要為大家詳細(xì)介紹了js HTML5 canvas繪制圖片的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要給大家介紹了關(guān)于JavaScript深拷貝的一些踩坑記錄，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03