首頁猿問 JS根據(jù)關(guān)鍵字進(jìn)行搜索，并顯示出來

JS根據(jù)關(guān)鍵字進(jìn)行搜索，并顯示出來

JavaScript

慕桂英546537 2019-03-04 16:15:36

如圖，輸入了一個(gè)關(guān)鍵字為“20”這個(gè)的文本時(shí)，將帶有20的文本字符串，顯示出來，那位大神提供下思路

查看完整描述

3 回答

SMILET

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊

示例：

let data = [

{title:'20分鐘',singer:'本兮'},

{title:'30分鐘',singer:'本兮'},

{title:'40分鐘',singer:'本兮'},

{title:'50分鐘',singer:'本兮'},

{title:'60分鐘',singer:'本兮'},

{title:'20分鐘',singer:'本兮2'}

];

let result = data.filter((obj)=>{

return obj.title.indexOf('20') != -1;

})

反對(duì) 回復(fù) 2019-03-27

大話西游666

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊

根據(jù)標(biāo)題是否包含關(guān)鍵字搜索么？若是：

循環(huán)列表，標(biāo)題是否包含‘20’，index of；
根據(jù)index篩選出新的列表

反對(duì) 回復(fù) 2019-03-27

動(dòng)漫人物

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超10個(gè)贊

提供一個(gè)思路僅供參考，首先可以把歌曲列表數(shù)組里面每個(gè)選項(xiàng)增加一個(gè)名為_str屬性，屬性里面就是把音樂標(biāo)題+歌手+專輯匯聚成一個(gè)字符串，然后輸入框里面需要搜索的值為search，把search和歌曲列表里面的每項(xiàng)中_str查詢對(duì)比，如果有就放到新的數(shù)組中_arr中，然后檢查_arr的長度，如果長度為0就提示沒有搜索到想過信息，相反就顯示_arr數(shù)據(jù)
----純手打希望能夠幫助到你

反對(duì) 回復(fù) 2019-03-27