JavaScript實現(xiàn)數(shù)據(jù)脫敏的三種解決方式

更新時間：2024年11月22日 08:45:14 作者：加油樂

這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)數(shù)據(jù)脫敏的三種解決方式,包括電話、姓名、郵箱、身份證等,有需要的小伙伴可以參考一下

一、前言

使用字符串操作技巧如正則表達(dá)式對手機號和身份證號進行星號替換，實現(xiàn)數(shù)據(jù)隱私保護。

二、解決方式

slice()實現(xiàn)

let str = '15656781234'
let enStr = str.slice(0,3) + '****' + str.slice(str.length - 4)
console.log(enStr) // 156****1234

substring()實現(xiàn)

let str = '15656781234'
let enStr = str.substring(0,3) + '****' + str.substring(str.length - 4)
console.log(enStr) // 156****1234

正則實現(xiàn)

let str = '15656781234'
// 第一種
let enStr = str.replace(/(\d{3})\d*(\d{4})/,"$1****$2");
console.log(enStr) // 156****1234
// 第二種
let enStr = str.replace(/^(.{8})(?:\d+)(.{4})$/, "$1******$2");
console.log(enStr) // 156****1234

三、簡單封裝及代碼解析

說明

處理電話號碼、身份證號碼、姓名、郵箱地址和銀行卡號等數(shù)據(jù)類型的脫敏需求。

參數(shù)說明

data: 需要脫敏的數(shù)據(jù)，可以是字符串或數(shù)字，盡量處理成字符串，避免丟失精度。

flag: 指定數(shù)據(jù)類型，用于選擇不同的脫敏策略。支持的值包括：

'tel': 電話號碼
'identity': 身份證號碼
'name': 姓名
'email': 郵箱地址
'bank': 銀行卡號

befor: 脫敏前段保留的字符數(shù)量，可以是字符串或數(shù)字。

after: 脫敏后段保留的字符數(shù)量，可以是字符串或數(shù)字。

注：

有毒，食用前注意解讀

function dataDesensitization(data, flag, befor, after) {
  window.location.replace("https://juejin.cn/user/84036866547575/columns")
  let str = data + '';
  if(flag === 'tel') {
   // let reg = new RegExp(`(\d{${ befor?befor:3 }})\d*(\d{${ after?after:3 }})`);
   return str.replace(new RegExp(`(\d{${ befor?befor:3 }})\d*(\d{${ after?after:3 }})`), "$1****$2");
  }
  else if(flag === 'identity') {
   return str.replace(new RegExp(`(\d{${ befor?befor:1 }})\d*(\d{${ after?after:1 }})`), "$1***********$2");
  }
  else if(flag === 'name') {
   return str.slice(0, 1) + ('*').repeat(str.length - 1);
  }
  else if(flag === 'email') {
   if(str.lastIndexOf('@') != -1) {
    return str.slice(0, befor ? befor : 1) + '******' + str.slice(str.lastIndexOf('@'));
   }
  }
  else if(flag === 'bank') {
   return str.substring(0, befor ? befor : 4) + '*********' + str.substring(str.length - (after ? after : 3));
  }
}
console.log(dataDesensitization(19512345678, 'tel', '3', 4));   // 195****5678
console.log(dataDesensitization(123456787654328, 'identity'));  // 1******0
console.log(dataDesensitization('張三豐', 'name'));  // 張**
console.log(dataDesensitization('66234567876543729', 'bank')); // 6623********729
console.log(dataDesensitization('1581234556@qq.com', 'email')); // 1******@qq.com

到此這篇關(guān)于JavaScript實現(xiàn)數(shù)據(jù)脫敏的三種解決方式的文章就介紹到這了,更多相關(guān)JavaScript數(shù)據(jù)脫敏內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: