今天遇到一个需求,要替换字符串中的电话号码的中间几位为星号, 泥马之前是后端做得,现在要我前端弄 , 心里一万个 艹 * 马............. 此处省略9997个字 .
直接上代码------- , 这里的字符做了连续判断,如果两个电话号码是连续的,就不做处理,
希望能帮到抓耳挠腮的你------
javascript
let splitStartIndex = "";
/**
*
* @param {*} str 需要分割的字符串
* @param {*} params {
* slicePar:[]//替换匹配到的电话号码的起始和结束位置
* repStr:""//替换的字符串 单个字符 程序通过起始和结束位置循环生成替换的字符串
* repLongStr:""//repStr和repLongStr 任选其一 repLongStr 替换的字符串 程序不做操作 直接替换匹配的字符串
* }
* */
function maskPhoneNumber(
str,
params = { slicePar: [3, 9], repStr: "*", repLongStr: "" }
) {
const slicePar = params.slicePar;
const repStr = params.repStr;
const repLongStr = params.repLongStr;
const backStr = str; //复制一份原始数据 运行出错后使用原始数据
let err = false; //判断是否运行正常
const phoneRegex = /1[3456789]\d{9}/g;
const test = str.match(phoneRegex);
if (test) {
let replaceStr = "";
const sliceEnd = slicePar[1];
const sliceStart = slicePar[0];
const replaceStrLength = sliceEnd - sliceStart;
// 循环生成替换的字符串
if (!repLongStr) {
for (let i = 0; i < replaceStrLength; i++) {
replaceStr += repStr;
}
} else {
replaceStr = repLongStr;
}
test.forEach((el) => {
str = phoneStrReplace(el, str, slicePar, replaceStr);
if (!str) err = true;
});
}
if (err) return backStr;
return str;
}
const phoneStrReplace = (phone, str, slicePar, replaceStr) => {
// const curPhone = phone;
// const curReplacePhone = curPhone.slice(slicePar[0], slicePar[1]);
// const reg = new RegExp(curReplacePhone, "g");
// 剪切指定位置的字符串 避免使用replace替换因为数字重复导致的替换错误
const startIndex = str.indexOf(phone);
if (startIndex == splitStartIndex) return false; //如果两次的起始位置和结束位置一样就说明两次的电话号码是连续的 不做处理
splitStartIndex = startIndex + phone.length;
const splitStart = str.slice(0, startIndex + slicePar[0]);
const splitEnd = str.slice(startIndex + slicePar[1]);
return splitStart + replaceStr + splitEnd;
};
const input = "这是一个包含13333333333-13323455432电话号码的字符串";
const output = maskPhoneNumber(input);
console.log(output);