当前位置:首页 > JavaScript

js实现电话号码脱敏

2026-04-04 23:34:05JavaScript

电话号码脱敏的实现方法

在JavaScript中实现电话号码脱敏,主要目的是保护用户隐私,通常保留前几位和后几位,中间用星号或其他符号代替。以下是几种常见的实现方式:

使用字符串截取和替换

function maskPhoneNumber(phone) {
  const start = phone.slice(0, 3);
  const end = phone.slice(-4);
  return `${start}${end}`;
}

console.log(maskPhoneNumber('13812345678')); // 输出: 1385678

使用正则表达式替换

function maskPhoneNumber(phone) {
  return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1$2');
}

console.log(maskPhoneNumber('13812345678')); // 输出: 1385678

支持不同长度的电话号码

function maskPhoneNumber(phone) {
  const length = phone.length;
  const visibleDigits = Math.floor(length / 3);
  const start = phone.slice(0, visibleDigits);
  const end = phone.slice(-visibleDigits);
  const masked = '*'.repeat(length - 2 * visibleDigits);
  return start + masked + end;
}

console.log(maskPhoneNumber('13812345678')); // 输出: 138*678
console.log(maskPhoneNumber('1234567890'));  // 输出: 123*890

国际电话号码处理

对于国际电话号码,可能需要更复杂的处理:

function maskInternationalPhone(phone) {
  // 去除所有非数字字符
  const digits = phone.replace(/\D/g, '');
  const countryCode = digits.length > 10 ? `+${digits.slice(0, -10)}` : '';
  const localNumber = digits.slice(-10);
  const maskedLocal = localNumber.replace(/(\d{3})\d{4}(\d{3})/, '$1$2');
  return countryCode + maskedLocal;
}

console.log(maskInternationalPhone('+8613812345678')); // 输出: +86138678

注意事项

js实现电话号码脱敏

  • 确保输入是有效的电话号码,可以添加验证逻辑
  • 考虑不同国家/地区的电话号码格式差异
  • 在显示脱敏号码时,可能需要保留原始数据用于后台处理
  • 脱敏程度可根据业务需求调整,如显示更多或更少位数

这些方法可以根据具体业务需求进行调整,例如改变显示的位数数量或使用的掩码字符。

标签: 电话号码js
分享给朋友:

相关文章

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

使用js实现

使用js实现

使用JavaScript实现 JavaScript可以通过Math.random()函数生成随机数,结合其他方法可以实现多种随机数生成需求。 // 生成0到1之间的随机小数 const random…

js实现目录

js实现目录

实现目录的基本思路 在JavaScript中实现目录功能通常涉及以下几个核心步骤:解析文档中的标题元素(如h1-h6),动态生成目录结构,并添加交互逻辑(如点击跳转)。以下是具体实现方法: 解析标题…

js实现vue路由

js实现vue路由

Vue 路由的基本实现 在 Vue.js 中实现路由功能通常使用 Vue Router 库。Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用(SPA)。 安装 Vue R…

js实现视口

js实现视口

js实现视口检测的方法 使用JavaScript检测元素是否进入视口(viewport)可以通过Intersection Observer API或手动计算元素位置实现。以下是两种常见方法: Int…

js实现原理

js实现原理

JavaScript 实现原理 JavaScript 是一种解释型语言,其实现原理涉及多个核心组件和运行机制,包括引擎、运行时环境、事件循环等。 引擎与解释执行 现代 JavaScript 引擎(如…