1

次のように JSON をフィルタリングする必要があります。

{
    "suggestions":[
      "futebol brasileiro",
      "futebol americano",
      "futebol",
      "musica",
      "musicas",
      "musica inedita de raul",
      "politica entre dilma e aecio",
      "politica",
      "politica macroeconomica"
   ]
}

入力フィールドに「pol」と入力すると、次の JSON を取得する必要があります。

{
    "suggestions":[
      "politica entre dilma e aecio",
      "politica",
      "politica macroeconomica"
   ]
}

純粋なJavascriptを使用してそれを行うにはどうすればよいですか?

私はJQueryでそれをしました：

var url = "/busca/suggests/?q="+query;
$.getJSON(url, function (data) {
    for(var i=0; i < data.length; i++) {
       people[i] = accent_fold(data[i]);
    }
});

//Case insensitive search for our people array
var results = $.grep(people, function(item){
     return item.search(RegExp(query, "i")) != -1;
});
4

1 に答える 1

1

ECMAScript 5 が使えれば…

それ以外の場合: ポリフィルArray.prototype.filter()

(function() {
  var base = {
    "suggestions": [
      "futebol brasileiro",
      "futebol americano",
      "futebol",
      "musica",
      "musicas",
      "musica inedita de raul",
      "politica entre dilma e aecio",
      "politica",
      "politica macroeconomica"
    ]
  };

  var myResults = {};
  var txtBox = document.getElementById("search");
  var myDisplay = document.getElementById("displayResults");
  txtBox.onkeyup = getResults;

  function getResults() {
    var myInput = txtBox.value;
    myDisplay.innerHTML = "";
    var re = new RegExp(myInput, "gi");
    myResults.suggestions = base.suggestions.filter(function(ele) {
      return ele.search(re) != -1;
    });

    if (myResults.suggestions != "") {
      myDisplay.innerHTML = JSON.stringify(myResults);
    }
  }

})();
#displayResults {
  margin-top: 20px;
}
#displayResults {
  font-family: sans-serif;
}
<input type="text" id="search" placeholder="Type your search" />
<div id="displayResults"></div>

于 2014-12-17T22:40:04.350 に答える