1.隐藏手机号中间四位案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>手机号：<span class="phone">？？？</span></div>
<script>
// 隐藏手机号中间四位案例
const tel = '13344445555'
// 1.利用正则划分手机号
// ^是正则表达式匹配字符串开始位置
// $是正则表达式匹配字符串结束位置
//1.\d{3}表示匹配前三个字符133
//2.\d{4}表示匹配中间四个字符4444
//3.\d{4}表示匹配后四个字符5555
const reg = /^(\d{3})\d{4}(\d{4})$/
// 2.利用replace 替换
// $1 可以得到正则中的第一个小括号的里面的内容
// $2 可以得到正则中第二个小括号里面的内容
const str = tel.replace(reg, '$1****$2')
document.querySelector('.phone').innerHTML = str
</script>
</body>
</html>
2.只显示后面四位手机号案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>手机号：<span class="phone">？？？</span></div>
<script>
//只显示后面四位手机号案例
const tel = '13344445555'
const reg = /^\d{7}(\d{4})$/
const str = tel.replace(reg, '*******$1')
// 字符串重复repeat方法 repeat参数是设置要复制的次数
// const str = tel.replace(reg, `${'*'.repeat(7)}$1`)
document.querySelector('.phone').innerHTML = str
</script>
</body>
</html>
