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