這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 今天，我們要實現一個很常見並且簡單的功能：將手機號中間的幾位數變成**** 這個功能其實很常見，比如我們微信的賬號安全裡面顯示的手機號、掘金的賬號設置裡面顯示的手機號、支付寶裡面的證件號碼、各大銀行的App卡號.....還有很多有關係到我 ...
這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助
今天，我們要實現一個很常見並且簡單的功能：將手機號中間的幾位數變成****
這個功能其實很常見，比如我們微信的賬號安全裡面顯示的手機號、掘金的賬號設置裡面顯示的手機號、支付寶裡面的證件號碼、各大銀行的App卡號.....還有很多有關係到我們私密的地方，在此就不一一例舉了，看似簡單的功能，我們該如何實現呢？
其實實現的方法有很多，在這裡作者將使用js的方式來實現，如有不正確或者需要修改的地方，請多多指教，有更好的方法也可以留言~
下麵所使用到的方法，相信學習過javaScript的小伙伴們都非常熟悉，但是你還記得他們的用法嘛？下麵作者會對使用到的方法進行簡單回顧，不太記得的小伙伴要去回顧一下了呢~
好了，廢話少說，開始進入正題。
1. 第一種，使用字元串和數組中常見的幾個方法。字元串方法：split()。數組方法：splice()，join()。
在實現之前，我們先一起來回顧一下這幾個方法：
- split()： 將一個字元串拆分為一個子字元串數組，並返回該數組。
註釋：該方法返回新數組，不會更改原始字元串。 註意：如果("")用作分隔符，則會對字元串進行逐個字元拆分。 www.w3school.com.cn/jsref/jsref…
下麵是一個例子
const str = “hello”
let arr = str.split("");
console.log(arr); // h,e,l,l,o
- splice()：方法向數組添加或從數組中刪除項目，並返回刪除的項目。
註釋：splice() 該方法會改變原始數組。www.w3school.com.cn/jsref/jsref…
下麵是一個例子：
const arr = ["a","b","c","d"]; arr.splice(1,2,"e","gg","d"); //從數字索引的第一位開始，刪除兩個內容，向數組添加”e“和”gg“兩項。 console.log(arr); // ["a","e","gg"，"d"];
- join():將數組作為一個字元串返回。元素將由指定的分隔符分隔。預設分隔符是逗號 (,)。
註釋：join()該方法不會改變原數組
下麵是一個例子：
const arr = ['a','b','c','d']; let result = arr.join(); console.log(result); // a,b,c,d
實現功能：
const telphone = '13300009999'; let telArr = telphone.split(); telArr.splice(3,4,'****'); let result = telArr.join(); //因為不會改變原數組，需要用一個新的變數去接收 console.log(result); // 1330****999
2.第二種，利用字元串的substr()
- substr()：該方法用於提取字元串的一部分。該方法從指定位置開始，並返回指定數量的字元。
註釋：substr() 方法不會更改原始字元串。 下麵是一個例子：
const str = 'Hello World'; let result = str.substr(1,4); console.log(result); //ello
實現功能：
const telphone = '13300009999'; let result = telphone.substr(0,4) + '****' + telphone.substr(8); console.log(result);// 1330****999 //第二句代碼解釋： //使用 `substr` 方法截取電話號碼的前四位，然後拼接上'****'， //再拼接上電話號碼從索引為8開始的剩餘部分，將結果賦值給變數result。
3.第三種，利用字元串的substring()和replace();
- substring()：該方法用於從字元串中提取指定的索引（位置）之間的字元，並返回子字元串。 註釋：
substring()方法不會更改原始字元串。 下麵是一個例子：
const str = 'Hello World'; let result = str.substring(1,4); console.log(result); //ell
- replace()：該方法在字元串中搜索值或正則表達式；該方法返回已替換值的新字元串。
註釋：replace() 方法不會更改原始字元串。 下麵是一個例子：
const str = 'Hello World';
let result = str.replace("Hello","Hi");
console.log(result); //Hi World
實現功能：
const telphone = '13300009999'; let result = telphone.replace(telphone.substring(3,8),'****'); console.log(result);// 1330****999
上述的replace()提到了正則表達式，那麼我們也可以使用正則表達式來實現www.w3school.com.cn/jsref/jsref… www.w3school.com.cn/js/js_regex…
- /d:查找數字
- 1,1,1,2,...,$99：與正則規則中的第1到第99個子表達式相匹配的文本。
實現功能：
const telphone = '13300009999';
const reg = /(\d{4})\d{4}(\d{3})/;
let result = telphone.replace(reg,"$1****$2");
console.log(result);// 1330****999
本文轉載於:
https://juejin.cn/post/7271058595444752443
如果對您有所幫助，歡迎您點個關註，我會定時更新技術文檔，大家一起討論學習，一起進步。
