如何利用JS將手機(jī)號(hào)中間四位變成*號(hào)
前言：無(wú)意間留意到一個(gè)面試題，需求是利用js將手機(jī)號(hào)中間四位變成*號(hào)，簡(jiǎn)單記錄一下。
1. 利用字符串的substr方法 substr() 方法返回一個(gè)字符串中從指定位置開始到指定字符數(shù)的字符。
語(yǔ)法：str.substr(start[, length])
參數(shù)
- start：開始提取字符的位置。
- length：可選。提取的字符數(shù)。
var tel = 15617076160; tel = "" + tel; var newTel = tel.substr(0,3) + "****" + tel.substr(7) console.log(newTel);//156****6160
2. 利用字符串的substring方法 substring() 方法返回一個(gè)字符串在開始索引到結(jié)束索引之間的一個(gè)子集, 或從開始索引直到字符串的末尾的一個(gè)子集。
語(yǔ)法：str.substring(indexStart[, indexEnd])
參數(shù)
- indexStart：需要截取的第一個(gè)字符的索引，該索引位置的字符作為返回的字符串的首字母。
- indexEnd：可選。一個(gè) 0 到字符串長(zhǎng)度之間的整數(shù)，以該數(shù)字為索引的字符不包含在截取的字符串內(nèi)。
var tel = 15617076160; tel = "" + tel; var newTel =tel.replace(tel.substring(3,7), "****") console.log(newTel);//156****6160
3. 利用數(shù)組splice方法
splice() 方法通過刪除或替換現(xiàn)有元素或者原地添加新的元素來修改數(shù)組,并以數(shù)組形式返回被修改的內(nèi)容。此方法會(huì)改變?cè)瓟?shù)組。
語(yǔ)法：array.splice(start[, deleteCount[, item1[, item2[, …]]]])
參數(shù)
- start：指定修改的開始位置（從0計(jì)數(shù)）。
- deleteCount ：可選，整數(shù)，表示要移除的數(shù)組元素的個(gè)數(shù)。
- item1, item2, … 可選，要添加進(jìn)數(shù)組的元素,從start 位置開始。
返回值
由被刪除的元素組成的一個(gè)數(shù)組。如果只刪除了一個(gè)元素，則返回只包含一個(gè)元素的數(shù)組。如果沒有刪除元素，則返回空數(shù)組。
var tel = 15617076160;
tel = "" + tel;
var ary = tel.split("");
ary.splice(3,4,"****");
var newTel=ary.join("");
console.log(newTel);//156****6160
4. 利用正則表達(dá)式
var tel = 15617076160;
tel = "" + tel;
var reg=/(\d{3})\d{4}(\d{4})/;
var newTel = tel.replace(reg, "$1****$2")
console.log(newTel);//156****6160
總結(jié)
到此這篇關(guān)于如何利用JS將手機(jī)號(hào)中間四位變成*號(hào)的文章就介紹到這了,更多相關(guān)js手機(jī)號(hào)中間四位數(shù)變成*號(hào)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript正則替換HTML標(biāo)簽功能示例
這篇文章主要介紹了JavaScript正則替換HTML標(biāo)簽功能,結(jié)合完整實(shí)例形式詳細(xì)分析了javascript正則替換字符串操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03
JS組件封裝之監(jiān)聽localStorage的變化
這篇文章主要介紹了JS組件封裝之監(jiān)聽localStorage的變化,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09
解決layui使用layui-icon出現(xiàn)默認(rèn)圖標(biāo)的問題
今天小編就為大家分享一篇解決layui使用layui-icon出現(xiàn)默認(rèn)圖標(biāo)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序可滑動(dòng)周日歷組件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章介紹了JS字符串處理實(shí)例代碼,有需要的朋友可以參考一下2013-08-08
JavaScript NodeTree導(dǎo)航欄(菜單項(xiàng)JSON類型/自制)
利用閑暇時(shí)間自己做了個(gè)JavaScript NodeTree，網(wǎng)上有很多類似的效果，本例主要是練練手，鞏固下知識(shí)，感興趣的朋友可以了解下，或許對(duì)你學(xué)習(xí)NodeTree導(dǎo)航欄有所幫助,認(rèn)為好的就分享嘍2013-02-02
由于uniapp暫無(wú)釘釘授權(quán)登錄所以本文將釘釘掃碼登錄作為網(wǎng)頁(yè)嵌入uniapp，最終實(shí)現(xiàn)釘釘掃碼登錄app，本文通過實(shí)例代碼給大家介紹uniapp釘釘掃碼登錄功能，感興趣的朋友一起看看吧2021-12-12
使用Axios攔截器優(yōu)化HTTP請(qǐng)求與響應(yīng)的實(shí)踐案例
在前端開發(fā)中,HTTP 請(qǐng)求是與后端交互的重要方式,為了提高代碼的可維護(hù)性、復(fù)用性以及用戶體驗(yàn),使用 Axios 攔截器是非常常見的做法,本文將詳細(xì)介紹如何使用 Axios 的請(qǐng)求攔截器和響應(yīng)攔截器,需要的朋友可以參考下2024-11-11
JavaScript 是一種有趣的語(yǔ)言，我們都喜歡它，因?yàn)樗男再|(zhì)。這篇文章主要介紹了8個(gè)有意思的JavaScript面試題 ,需要的朋友可以參考下2019-07-07
如何使用webpack打包一個(gè)庫(kù)library的方法步驟
這篇文章主要介紹了如何使用webpack打包一個(gè)庫(kù)library的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12