介绍几种js脱敏加密（手机号邮箱等）

原创于 2020-12-09 18:26:44 发布 · 1.2w 阅读

32 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js手机号脱敏 #js脱敏加密 #js邮箱加密

JS、jQuery 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了前端JavaScript中实现数据脱敏的多种方法，包括手机号、邮箱、姓名及身份证号的脱敏处理，通过字符串操作如切片、替换等实现敏感信息保护。

虽然前端数据都是从后端拿到的，我们也知道前端对数据的处理也都是表皮层，没法达到真正的安全目的。但，没法，有时候我们还是要去做一些本不该做的事情来让某些东西看似合理。

下面介绍几种前端js加密的方法：

加密，其实就是对字符串的处理，主要包括查找，截取，替换，当然我们还可以使用正则

1、手机号脱敏

拿手机号脱敏举例：
可以使用slice、substring或者正则，类似的所有字符串的处理都可以使用这几种方法：

const phone = "13031325689";
const str1 = phone.slice(0, 3) + "****" + phone.slice(phone.length - 4); // 130****5689
const str2 = phone.substring(0, 3) + "****" + phone.substring(phone.length - 4); // 130****5689
const str3 = phone.replace(/(\d{3})\d*(\d{4})/, "$1****$2"); // 130****5689

2、邮箱脱敏

const email = "7385600001@qq.com";
      let str = email.split("@");
      const str1 =
        str[0].substr(0, str[0].length - 2) + "*****" + str[1].substr(2); // 73856000*****.com

3、姓名脱敏

const name = "李思思";
const str1 = "*" + name.substring(name.length - 2); // *思思

4、身份证号脱敏

const card = "512326199102115645";
const str1 = card.replace(/^(.{4})(?:\w+)(.{4})$/, "$1****$2"); // 5123****5645
const str2 = card.slice(0, 4) + "****" + card.slice(card.length - 4); // "5123****5645"