通過關鍵字搜索JSON與jQuery

Question

我想通過關鍵字專門搜索JSON。我已經成功搜索了一個ID，該ID在下面的代碼中是「tags」。不過，我想要做的是，在「標籤」的ID中搜索，但是通過「折舊」的關鍵字搜索。只有JSON中的括號表示「折舊」纔會被選中。然後，標題和uri將被從中拉出並寫入文檔，就像我在代碼中一樣。

我該如何去關於使用當前代碼進行關鍵字搜索？如果我的邏輯很難理解，請在評論中告訴我。在此先感謝:)

注意：這正是數據將被使用的JSON格式。

這裏是我的代碼：

<script type='text/javascript'> 
    window.onload=function(){ 
    var data = { 
     "Feed": [ 
      { 
       "categories":[ 
       "Depreciated", 
       "Test" 
       ], 
       "content":"", 
       "tags":[ 
       "Depreciated", 
       "Test" 
       ], 
       "title":"Visual Design", 
       "uri":"google.com" 
      }, 
      { 
       "categories":[ 
       "Depreciated" 
       ], 
       "content":"", 
       "tags":[ 
       "Depreciated" 
       ], 
       "title":"Typography", 
       "uri":"google.com" 
      } 
     ] 
     }, 
     res = JSON.search(data, '//*[tags]'); 

    for (var i=0, str=''; i<res.length; i++) { 
     str += '<a href="' + res[i].uri + '">Link</a>' + res[i].title + '<br/>'; 
    } 

    document.getElementById('output').innerHTML = str; 
    } 
</script> 

Answer 1

有沒有必要使用jQuery這一點。 Try something like this instead：

function getTitlesByTag(arr, tag) { 
    return arr.filter(function(item) { 
    return item.tags.includes(tag) 
    }).map(function(item) { 
    return return { 
     title: item.title, 
     uri: item.uri 
    } 
    }) 
} 

Array.prototype.includes沒有IE瀏覽器的支持，所以，如果你擔心，你可以換的是檢查出的indexOf像這樣：

function getTitlesByTag(arr, tag) { 
    return arr.filter(function(item) { 
    return item.tags.includes(tag) 
    }).map(function(item) { 
    return { 
     title: item.title, 
     uri: item.uri 
    } 
    }) 
} 

Answer 2

shadeymoses比我快，但本質上你只需要filter()和map()。

var data = { 
 
    "Feed": [{ 
 
     "categories": [ 
 
     "Depreciated", 
 
     "Test" 
 
     ], 
 
     "content": "", 
 
     "tags": [ 
 
     "Depreciated", 
 
     "Test" 
 
     ], 
 
     "title": "Visual Design", 
 
     "uri": "google.com" 
 
    }, 
 
    { 
 
     "categories": [ 
 
     "Depreciated" 
 
     ], 
 
     "content": "", 
 
     "tags": [ 
 
     "Depreciated" 
 
     ], 
 
     "title": "Typography", 
 
     "uri": "google.com" 
 
    } 
 
    ] 
 
}; 
 

 
let results = data.Feed.filter(el => el.tags.includes('Depreciated')).map(el => ({ 
 
    uri: el.uri, 
 
    title: el.title 
 
})); 
 

 
console.log(results);