विभेदक वस्तु, सरणी, संख्या और स्ट्रिंग

के साथ शुरू करने के लिए, jQuery.each विधि मैं हमेशा केवल jQuery ऑब्जेक्ट के साथ काम करने के लिए उपयोग करता हूं। बाकी के लिए / जबकि छोरों या अपने स्वयं के "प्रत्येक" समकक्ष हैं। यह तर्कसंगत प्रतीत होता है, लेकिन प्रलेखन का कहना है कि उपरोक्त विधि का उपयोग किसी भी संग्रह के लिए किया जा सकता है।
इस मिथक को नष्ट करो।

JQuery का तर्क

आइए jQuery.each विधि के तर्क को देखें। इनपुट पर, पहले पैरामीटर के प्रकार की जाँच की जाती है, अधिक सटीक रूप से, चाहे वह एक वस्तु हो या न हो:

length = obj.length, isObj = length === undefined || jQuery.isFunction( obj ); 

यह पता चला है, अगर इसकी लंबाई संपत्ति नहीं है, तो यह ऑब्जेक्ट है। और अगर लंबाई है, तो यह ऐरे है।
बहुत सार्वभौमिक दृष्टिकोण नहीं है। आइए इसे देखें।

चलो कई गुणों के साथ एक ऑब्जेक्ट "ओब्ज" बनाएं, जिसके बीच हम लिखते हैं और लंबाई।

 var Obj = { name: "test", size: 2, length: 5 }; 

अब इसे jQuery.each को दें:

 $.each( Obj, function() { console.log( this, arguments ); } ); 

निष्पादन परिणाम:

 Window [0, undefined] Window [1, undefined] Window [2, undefined] Window [3, undefined] Window [4, undefined] 

विफलता। jQuery ने इसे एक सरणी के रूप में परिभाषित किया, और लूप के लिए डमी लंबाई की संपत्ति का उपयोग किया,
लेकिन इस समस्या को कैसे हल करें? मेरे पास कुछ विचार थे। अब हम धीरे-धीरे उनके माध्यम से जाएंगे, और हम सबसे उपयुक्त और सार्वभौमिक कार्यान्वयन तक पहुंचेंगे।

विधि एक: टाइपोफ़

यह विधि हमें शोभा नहीं देती, क्योंकि और ऑब्जेक्ट और सरणी दोनों का प्रकार "ऑब्जेक्ट" है। इसके अलावा, अगर हमें स्ट्रिंग्स और संख्याओं के बीच अंतर करने की आवश्यकता है, तो हम फिर से एक "ऑब्जेक्ट" प्राप्त करेंगे यदि वे नए ऑपरेटर का उपयोग करके बनाए जाते हैं।

विधि दो: Instof

यहाँ मैं गलत था। मुझे लगा कि यह एक टोपी है, एक उपयुक्त विधि मिली।
लेकिन अगले नुकसान से बचना संभव नहीं था:

 var a = {}; a instanceof Object; => true var b = []; b instanceof Array; => true var c = 5; c instanceof Number; => false var d = ""; d instanceof String; => false 

ऑब्जेक्ट और सरणी के साथ कोई समस्या नहीं हैं। लेकिन इंस्टोफ़ केवल संख्याओं और तारों के साथ काम करता है यदि वे नए ऑपरेटर के माध्यम से बनाए जाते हैं। आगे बढ़ो।

विधि तीन: कंस्ट्रक्टर

यहाँ यह काम करने का तरीका है। कंस्ट्रक्टरों की तुलना।

 var a = {}; a.constructor === Object; => true var b = []; b.constructor === Array; => true var c = 5; c.constructor === Number; => true var d = ""; d.constructor === String; => true 

एक पूरी तस्वीर के लिए, परिणामों की तुलना करने वाली एक तालिका:

के रास्ते	typeof	instanceof	निर्माता
नया ऐरे ()	«वस्तु»	सच	सच
[]	«वस्तु»	सच	सच
नई वस्तु ()	«वस्तु»	सच	सच
{}	«वस्तु»	सच	सच
नया स्ट्रिंग ()	«वस्तु»	सच	सच
""	«स्ट्रिंग»	झूठा	सच
नया नंबर ()	«वस्तु»	सच	सच
5	«संख्या»	झूठा	सच

निष्कर्ष:

शायद प्रत्येक विधि कुछ इस तरह दिखनी चाहिए (मैंने प्रदर्शन के लिए आर्ग के साथ एक टुकड़ा नहीं लिया):

 each: function( obj, callback, args ) { var name, i = 0, length = obj.length, isObj = obj.constructor === Object, isArray = obj.constructor === Array || obj.constructor === String; if ( isObj ) { for ( name in obj ) { if ( callback.call( obj[ name ], name, obj[ name ] ) === false ) { break; } } } else if ( isArray ) { for ( ; i < length; ) { if ( callback.call( obj[ i ], i, obj[ i++ ] ) === false ) { break; } } } } 

ध्यान देने के लिए आप सभी का धन्यवाद।

युपीडी।
उपयोगी टिप्पणियों के लिए धन्यवाद। लेख का उद्देश्य, सबसे पहले, जावास्क्रिप्ट में डेटा प्रकारों को अलग करने का एक तरीका दिखाना है, और jQuery में बग को प्रकट नहीं करना है।
मैं सहमत हूं कि "toString" का उपयोग करने का तरीका अधिक उपयुक्त है। जल्द ही मैं लेख में संशोधन करूंगा। प्रतिक्रिया के लिए फिर से धन्यवाद। यह विषय मेरे लिए दिलचस्प है, इसलिए मैं भी सबसे अच्छा तरीका निकालना चाहता हूं।