js 手机号脱敏|极客笔记

js 手机号脱敏

在前端开发中，我们经常会遇到需要展示用户手机号的场景。为了保护用户的隐私，我们通常会对手机号进行脱敏处理，只显示部分数字，而不是直接将完整的手机号显示出来。在本篇文章中，我们将探讨如何使用 JavaScript 对手机号进行脱敏处理。

脱敏方法

脱敏处理是指对敏感数据进行部分隐藏或替换，以保护用户隐私。对于手机号这类长度固定、格式统一的数据，我们可以采用以下几种常见的脱敏方法：

方法一：中间四位替换为 *

这是最常见的手机号脱敏方法之一。将手机号的中间四位数字替换为 *，可以有效保护用户的隐私。例如，将 13812345678 脱敏为 138****5678。

function desensitizePhoneNumber(phoneNumber) {
  return phoneNumber.replace(/(\d{3})\d{4}(\d{4})/, ' $1****$ 2');
}

const phoneNumber = '13812345678';
const desensitizedPhoneNumber = desensitizePhoneNumber(phoneNumber);
console.log(desensitizedPhoneNumber); // Output: 138****5678

方法二：前三位和后四位保留

另一种常见的脱敏方法是只保留手机号的前三位和后四位数字，其他部分用 * 替换。例如，将 13812345678 脱敏为 138****5678。

function desensitizePhoneNumber(phoneNumber) {
  return phoneNumber.replace(/(\d{3})(\d{4})(\d{4})/, ' $1****$ 3');
}

const phoneNumber = '13812345678';
const desensitizedPhoneNumber = desensitizePhoneNumber(phoneNumber);
console.log(desensitizedPhoneNumber); // Output: 138****5678

方法三：随机脱敏

除了以上两种固定的脱敏方式，我们还可以实现一种随机脱敏方法，即随机选择一个位数范围，在该范围内用 * 替换。这样可以增加破解的难度，提高数据的安全性。

function randomDesensitizePhoneNumber(phoneNumber) {
  const start = Math.floor(Math.random() * 7); // 从第一位到第七位随机选择脱敏
  const desensitizedPhoneNumber = phoneNumber.split('').map((num, index) => {
    if (index >= start && index < start + 4) {
      return '*';
    }
    return num;
  }).join('');
  return desensitizedPhoneNumber;
}

const phoneNumber = '13812345678';
const desensitizedPhoneNumber = randomDesensitizePhoneNumber(phoneNumber);
console.log(desensitizedPhoneNumber);