स्ट्रिंग खोज/अस्पष्ट मिलान करने के लिए जेएस/jQuery का उपयोग करना?

Question

पूरी तरह से जेएस में, कोई सर्वर बैकएंड नहीं। मुझे उपयोगकर्ता को खोजने की अनुमति देने की आवश्यकता है और फिर मिलान किए गए नामों की एक सूची दिखाएं। मैं jQuery UI स्वत: पूर्ण का उपयोग कर रहा हूं लेकिन परिणामों को फ़िल्टर करने के लिए कुछ जेएस की आवश्यकता है।

नामों में से किसी सरणी को देखते हुए:

Bob Hope 
James Jones 
Steve Jobs 
Larry McBridge 

बो की तरह एक खोज पद को देखते हुए

कैसे मैं सिर्फ बॉब होप

वापस जाने के लिए ख की तरह एक खोज शब्द को देखते हुए प्राप्त कर सकते हैं:

मैं जेम्स जोन्स के अलावा सभी कैसे प्राप्त कर सकता हूं?

दो स्ट्रिंग की तुलना करने के लिए कोई साधारण जेएस? धन्यवाद

Answer 1

var names = ["Bob Hope","James Jones","Steve Jobs","Larry McBridge"] 
var query = "bo" 
var results = $(names) 
     .map(function(i,v){ 
      if(v.toLowerCase().indexOf(query.toLowerCase())!=-1){return v} 
     }).get() 

// results is ["Bob Hope"] 

Answer 2

शायद मैंने आपको गलत समझा (उपरोक्त उत्तर की जटिलता को देखते हुए), लेकिन मैं this के साथ आया जो jQuery का उपयोग करता है। हर बार एक कुंजी दबाया जाता है (जब इनपुट फोकस होता है), यह पृष्ठ पर सभी li तत्वों को खोजता है और पता चलता है कि उनमें खोज शब्द है या नहीं। यहाँ

<ul><li>Bob Hope</li> 
<li>James Jones</li> 
<li>Steve Jobs</li> 
<li>Larry McBridge</li></ul><br> 
Search: <input id="search" length="24" /> 

और है अपने jQuery:

यहाँ HTML है

$("#search").keyup(function(){ 
    $("li").hide(); 
    var term = $(this).val(); 
    $("li:contains('" + term + "')").show(); 
}); 

Answer 3

इवान के उत्तर का उपयोग करना है, लेकिन ES6 परिवर्तन के साथ:

var names = ["Bob Hope","James Jones","Steve Jobs","Larry McBridge"]; 

function findIn(s, list){ 
    return list.filter((v) => v.toLowerCase().indexOf(s.toLowerCase()) != -1); 
} 


findIn('bo', names);