今天就跟大家聊聊有關(guān)如何在小程序中實(shí)現(xiàn)一個(gè)手機(jī)號(hào)識(shí)別功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)專注于企業(yè)成都營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、萬(wàn)榮網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5建站、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為萬(wàn)榮等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

最近做的一個(gè)頁(yè)面里面包含手機(jī)號(hào)，點(diǎn)擊可以撥打電話，本計(jì)劃著讓后端把各個(gè)字段查出來(lái)就行了，結(jié)果接口方面給直接拼好了。

接口返回的字符串：

"【王海】師傅已接單，聯(lián)系電話：18839687266。稍后與您聯(lián)系。師傅簽到碼為【1234】，師傅上門輸入簽到碼后才可開始服務(wù)。"

這讓我們綁定打電話的事件就不那么方便了，問題聚焦到解析字符串，找出手機(jī)號(hào)。

split大法，通過(guò)split得到包含手機(jī)號(hào)的數(shù)組，然后遍歷這個(gè)數(shù)組，給手機(jī)號(hào)的元素打上標(biāo)簽。

parseStr (str){
  const regPhone = /(1\d{10})/ 
  const list = str.split(regPhone)
  const result = []
  return list.map(c => {
    let tag
    regPhone.test(c) ? tag = 'phone' : tag = 'text'
    return {
      type: tag,
      text: c
    }
  })
}

通過(guò)parseStr函數(shù)得到合適的格式后，循環(huán)渲染給手機(jī)號(hào)綁定事件就可以了,代碼大概如下：

<view>
  <block wx:for="{{data}}" wx:for-item="i" wx:key="*this">
   <text wx:if="{{i.type === 'text'}}">{{i.text}}</text>
   <text wx:else bindtap="call(i.text)">{{i.text}}</text>
  </block>
</view>

挺簡(jiǎn)單的一個(gè)實(shí)現(xiàn)，就是一開始沒想到用split。另外一個(gè)要注意的點(diǎn)是這個(gè)正則regPhone，仔細(xì)看，里面加了有括號(hào)，如果separator是包含捕獲括號(hào)的正則表達(dá)式()，則匹配結(jié)果包含在數(shù)組中。

如果不加括號(hào)，相當(dāng)于是把匹配到的手機(jī)號(hào)給丟掉了，加上括號(hào)，最終數(shù)組中才會(huì)包括我們匹配到的手機(jī)號(hào)。

看完上述內(nèi)容，你們對(duì)如何在小程序中實(shí)現(xiàn)一個(gè)手機(jī)號(hào)識(shí)別功能有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

標(biāo)題名稱：如何在小程序中實(shí)現(xiàn)一個(gè)手機(jī)號(hào)識(shí)別功能-創(chuàng)新互聯(lián)
鏈接分享：http://www.chinadenli.net/article16/ccsegg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、App開發(fā)、網(wǎng)站制作、網(wǎng)站排名、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)