js 文字模糊查詢并補(bǔ)全

思路:
1.先把要查詢的對象轉(zhuǎn)換為字符串
2.把輸入的文字在對象里進(jìn)行indexOf,查詢成功會返回已查詢到的下標(biāo)
3.然后再substring從indexOf這里返回的下標(biāo)從新截取,
4.indexOf查詢新的字符串里面的第一個標(biāo)點符號
5,然后再次substring(0,第一個標(biāo)點符號的下標(biāo))

const data = [
  {
    label: '行政區(qū)域',
    children: [
      {
        label: '廣東省'
      },
      {
        label: '福建省'   
      },
  }
]

// 上重點了
// 先把data 轉(zhuǎn)字符串
let treeData_Sring = JSON.stringify(data )

// input 事件
const handleBlur = (e) => {
    let finds = treeData_Sring.indexOf(searchValue.value)
    if (finds != -1) {
        // 通過 indexOf查詢  進(jìn)行關(guān)鍵字補(bǔ)全
        // 例如輸入廣東會自動補(bǔ)全為廣州省
        let startStr = treeData_Sring.substring(finds)
        let endStr = startStr.indexOf('"')
        let value = startStr.substring(0, endStr)
        alert(value)
    }
    else {
        alert("沒有該數(shù)據(jù)")
    }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第五章******************************************************...
    fastwe閱讀 807評論 0 0
  • [if !supportLists]第一章 [endif]基本語法 [if !supportLists]一、[en...
    海綿寶寶_b8a2閱讀 609評論 0 0
  • 本周主要學(xué)習(xí)內(nèi)容是js基礎(chǔ)。 JavaScript 是一種具有函數(shù)優(yōu)先的輕量級,解釋型或即時編譯型的高級編程語言。...
    927a3ad111dd閱讀 184評論 0 0
  • 字符串在Java編程中廣泛的應(yīng)用到,在Java中字符串屬于對象,Java提供了String來創(chuàng)建和操作字符串。字符...
    阿博聊編程閱讀 389評論 0 0
  • 相關(guān)文章 博客原文數(shù)據(jù)類型總結(jié)——概述數(shù)據(jù)類型總結(jié)——String(字符串類型)數(shù)據(jù)類型總結(jié)——Number(數(shù)值...
    前端路上的小兵閱讀 6,747評論 0 2

友情鏈接更多精彩內(nèi)容