鍍金池/ 問答/HTML/ JS根據(jù)關(guān)鍵字進(jìn)行搜索,并顯示出來

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

圖片描述

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

回答
編輯回答
念舊

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

2017年11月6日 06:02
編輯回答
膽怯

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

  1. 循環(huán)列表,標(biāo)題是否包含‘20’,index of;
  2. 根據(jù)index篩選出新的列表
2017年7月2日 20:20
編輯回答
綰青絲

示例:
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;

})

2017年2月26日 09:16