유사한

Question

내가 검색 상자가 있고 무엇이든 그것을에 입력이로 저장됩니다 말할 수 :

var search_input = $(this).val(); 

가 어떻게이 값 내 배열을 검색 할 것인가?

var devices = [{"Device_ID":"43","Image":"Amazon-Kindle-Fire.png","Manufacturer":"Amazon","Model":"Kindle Fire","Type":"Tablet"},{"Device_ID":"44","Image":"Apple-iPad.png","Manufacturer":"Apple","Model":"iPad","Type":"Tablet"}] 

그래서 search_input 변수에 Amazon 또는 Kindle 등이 있다고 가정하면 어레이를 검색하여 아래에 출력해야합니다. 동일은

<div id="device">43</div> 
<div id="image">Amazon-Kindle-Fire.png</div> 
<div id="name">Amazon Kindle Fire</div> 

Answer 1

간단한 루프

var devices = [{"Device_ID":"43","Image":"Amazon-Kindle-Fire.png","Manufacturer":"Amazon","Model":"Kindle Fire","Type":"Tablet"},{"Device_ID":"44","Image":"Apple-iPad.png","Manufacturer":"Apple","Model":"iPad","Type":"Tablet"}]; 

function findItem (term) { 
    var items = []; 
    for (var i=0;i<devices.length;i++) { 
     var item = devices[i]; 
     for (var prop in item) { 
      var detail = item[prop].toString().toLowerCase(); 
      if (detail.indexOf(term)>-1) { 
       items.push(item); 
       break;    
      } 
     } 
    } 
    return items; 
} 

console.log(findItem("amazon")); //returns one item 
console.log(findItem("kindle")); //returns one item 
console.log(findItem("apple")); //returns one item 
console.log(findItem("tablet")); //returns two items 
console.log(findItem("nerd")); //returns zero items 
​ 

jsFiddle

Answer 2

난 당신이 필요하다고 생각 배열에있는 입력 한 것 또는 아무것도 적용됩니다 :

jQuery.inArray() 

http://api.jquery.com/jQuery.inArray/

Answer 3

또 다른 방법은지도와 배열을 대체하는 것 (자바 스크립트 object) 여기서 key는 search_input과 비교할 값입니다. 그렇게하면 키를 찾아 객체를 얻을 수 있습니다. 두 번째 단계는 아직 여기에 대한 답변 XML을 자바 스크립트 객체를 변환 포함

var devices = {"Amazon Kindle": {"Device_ID":"43","Image":"Amazon-Kindle-Fire.png","Manufacturer":"Amazon","Model":"Kindle Fire","Type":"Tablet"},{"Device_ID":"44","Image":"Apple-iPad.png","Manufacturer":"Apple","Model":"iPad","Type":"Tablet"}} 

What's the best way to serialize JavaScript objects to XML?

루프에서

Answer 4

나는 생각 이 질문에 목표를 달성하는보다 우아한 방법은 jQuery.grep() - 0123을 참조하십시오.

var search_input = $(this).val(); 
var devices = [ 
     {"Device_ID":"43","Image":"Amazon-Kindle-Fire.png","Manufacturer":"Amazon","Model":"Kindle Fire","Type":"Tablet"}, 
     {"Device_ID":"44","Image":"Apple-iPad.png","Manufacturer":"Apple","Model":"iPad","Type":"Tablet"} 
]; 

var matchingItems = $.grep(devices, function(e) { 
      return (e["Manufacturer"].indexOf(search_input) >- 1 || 
        e["Model"].indexOf(term) > -1); 
}); 

지금 matchingItems는 제조업체 또는 모델 속성에서 단어를 search_input 한 항목의 배열을 포함하고 출력 할 수있는 HTML에서 그.