jQuery

Question

के साथ मूल्य के लिए जावास्क्रिप्ट कुशल खोज सरणी यहां मेरे जावास्क्रिप्ट ज्ञान में एक अंतर है। मैं किसी विशेष मूल्य के लिए ऑब्जेक्ट मानों की एक सरणी खोजना चाहता हूं और इसे वापस कराना चाहता हूं।

साल मैं जावास्क्रिप्ट लिख दिया है के लिए, मैं इसे इस तरह लागू करने दिया गया है:

var itemClicked = (function(){ 

    var retval; 

    //Note self.inventory.itemsArray is an array of JS objects 

    $(self.inventory.itemsArray).each(function(i){ 
    if(parseInt(this.id) === parseInt(idOfItem)){ 
     retval = this; 
     return false; 
    } 
    }); 

    return retval; 

})(); 

यह काम करता है, लेकिन मैं एक और अधिक सुरुचिपूर्ण तरीका है कुछ भी रूप में यकीन है। कृपया मुझे बताओ!

संपादित करें - समाधान

धन्यवाद नीचे अपने जवाब के साथ @gdoron करने के लिए।

var myVar = $(self.owner.itemsArray).filter(function(){ 
    return parseInt(this.id) == parseInt(recItemID); 
}).get(0); 

नोट: .get(0) अंत में जोड़ी गई थी क्योंकि myVar एक jQuery वस्तु के रूप में लपेटा जाता है।

Answer 1

इस के लिए देशी jQuery समारोह filter है:

$(data).filter(function(){ 
    return this.id == "foo"; 
}); 

यह कोड की तुलना में कम आप और अधिक महत्वपूर्ण एक बहुत अधिक पठनीय है।
दक्षता के बारे में, यह जितना संभव हो सके मैचों को खोजने के लिए सेट के सभी तत्वों को फिर से चालू करेगा, लेकिन मुझे शायद ही विश्वास है कि यह आपके आवेदन की बोतल गर्दन होगी, माइक्रो-ऑप्टिमाइज़ेशन पर ध्यान केंद्रित न करें।

मेरा सुझाव है कि आप Which is faster के बारे में एरिक लिपर ब्लॉग पढ़ें।

तुम भी grep रूप @Mattias Buelens ने सुझाव दिया उपयोग कर सकते हैं:

$.grep(data, function(ele){ 
    retun ele.id == "foo"; 
}); 

Answer 2

हालांकि मैं अनिश्चित समारोह वास्तव में (बाहरी संदर्भों 'चर के कारण) करने के लिए माना जाता है क्या कर रहा हूँ, तो निम्न होना चाहिए अधिक कुशल चक्र के लिहाज से

var itemClicked = (function(){ 

    var i, array = self.inventory.itemsArray, length = array.length; 

    for(i=0; i < length; i++) { 

    if(parseInt(array[i].id) === parseInt(idOfItem)){ 
     return array[i]; 
    } 

    } 

    return undefined; 

})(); 

Answer 3

यह जावास्क्रिप्ट की एक सरणी वस्तुओं है

फिर jQuery का उपयोग न करें। कम से कम, सरणी के चारों ओर एक रैपर ऑब्जेक्ट बनाने के बजाय $.each का उपयोग करें। फिर भी, के लिए लूप एक सरल बहुत कम और अधिक performant है:

var itemClicked = (function(idnum) { 
    var arr = self.inventory.itemsArray; 
    for (var i=0, l=arr.length; i<l; i++) 
     if (parseInt(arr[i].id, 10) === idnum) 
      return arr[i]; 
})(parseInt(idOfItem, 10)); 

साथ ही आप, संख्या के रूप में आईडी गुण तुरंत संग्रहीत करने का विचार है ताकि आप इसे हर बार बदलने की आवश्यकता नहीं है हो सकता है।

Answer 4

बस एक और विकल्प का उपयोग कर jQuery के $.grep() समारोह

var arr = $.grep(self.inventory.itemsArray, function (n) { 
    return n.id == idOfItem; 
}); 

ऊपर रिटर्न सरणी तत्वों मिलान की एक सरणी। यदि आप पहले चाहते हैं तो यह arr[0] वापस आने के लिए पर्याप्त आसान है यदि यह मौजूद है।