जावास्क्रिप्ट

Question

में प्रत्येक के लिए और लूप के बीच अंतर मैं सोच रहा हूं: क्या forEach और for जावास्क्रिप्ट में लूप के बीच कोई महत्वपूर्ण अंतर है।

1. प्रदर्शन: JsPerf के अनुसार:

   var myArray = [1,2,3,4]; 
   
   myArray.forEach(function(value) { 
       console.log(value); 
   }); 
   
   for (var i = 0; i < myArray.length; i++) { 
       console.log(myArray[i]); 
   } 
   

   यहाँ मेरी अनुसंधान का हिस्सा है:

   इस उदाहरण पर विचार foreach पाश के लिए की तुलना में थोड़ी धीमी है।

2. प्रयोज्यता: कोई भी तरीका नहीं है कि हम प्रत्येक लूप के मामले में कॉलबैक से तोड़ सकते हैं/वापस लौट सकते हैं।

उदाहरण के लिए: आप यह जानना चाहते हैं कि कोई संख्या प्रमुख है या नहीं। मुझे लगता है कि लूप के लिए उपयोग करने के लिए प्रत्येक लूप के लिए उपयोग करने से कहीं अधिक आसान है।

3. पठनीयता: लूप के लिए उपयोग कोड को कोड के लिए कोड करने से अधिक पठनीय बनाता है।
4. ब्राउज़र संगतता: आईई < 9 में प्रत्येक समर्थित नहीं है, इसलिए यह हमारे कोड में कुछ शिम पेश करता है।

मेरे प्रश्न हैं:

1. क्या foreach के फायदे पाश के लिए अधिक कर रहे हैं?
2. किस परिदृश्य में, प्रत्येक के लिए अधिक बेहतर है।
3. यह जावास्क्रिप्ट में क्यों आया? इसकी आवश्यकता क्यों थी?

Answer 1

forEachArray प्रोटोटाइप पर एक विधि है। यह एक सरणी के प्रत्येक तत्व के माध्यम से पुनरावृत्त करता है और इसे कॉलबैक फ़ंक्शन में पास करता है।

तो बुनियादी तौर पर, forEach यूज-केस के लिए एक आशुलिपि विधि है "एक function के लिए एक array के प्रत्येक तत्व पारित"।

// shortcut for document.querySelectorAll 
function $$(expr, con) { 
    return Array.prototype.slice.call((con || document).querySelectorAll(expr)); 
} 

// hide an element 
function hide(el) { 
    el.style.display = 'none'; 
} 

// hide all divs via forEach 
$$('div').forEach(hide); 

// hide all divs via for 
for (var divs = $$('div'), i = 0; i < divs.length; i++) { 
    hide(divs[i]) 
} 

आप देख सकते हैं, foreach बयान की पठनीयता एक for पाश की तुलना में सुधार हुआ है: मैं जहां लगता है Array.forEach एक for पाश की तुलना में काफी उपयोगी है, यहां एक सामान्य उदाहरण है।

दूसरी तरफ, for कथन अधिक लचीला है: इसमें जरूरी नहीं है कि इसमें कोई सरणी शामिल हो। सामान्य for लूप का प्रदर्शन थोड़ा बेहतर है, क्योंकि इसमें शामिल प्रत्येक तत्व के लिए कोई फ़ंक्शन कॉल नहीं है। इसके बावजूद, for लूप से बचने की अनुशंसा की जाती है जब इसे forEach कथन के रूप में लिखा जा सकता है।

Answer 2

forEach लूप में आप सरणी पर पुन: प्रयास करने के तरीके को नियंत्रित नहीं करते हैं। क्लासिक for लूप आपको इच्छित एल्गोरिदम चुनने की अनुमति देता है (i++; i--; i+=2*i, आदि)।

हालांकि, एक forEach पाश बहुत उपयोग करना आसान है - आप के लिए जे एस यह होता है - आप array[i] वस्तु खोजने, सभी i गिनती के साथ गड़बड़ की जरूरत नहीं है।

Answer 3

>> sparseArray = [1, 2, , 4]; 

>> sparseArray.forEach(console.log, console); 
1 0 [1, 2, 3: 4] 
2 1 [1, 2, 3: 4] 
4 3 [1, 2, 3: 4] 

>> for(var i = 0; i < sparseArray.length; ++i) { console.log(sparseArray[i]) }; 
1 
2 
undefined 
4 

forEach हाल ही में एक जावास्क्रिप्ट में अर्थपूर्ण सूची-समझ शैली संभव बनाने के लिए है। यहाँ आप देख सकते हैं कि forEachतत्वों कि सेट नहीं किया गया है, लेकिन सबसे अच्छा आप एक for पाश के साथ कर सकते undefined या null, जो दोनों के मूल्यों के रूप में स्थापित किया जा सकता है और forEach द्वारा उठाया के लिए जाँच करने के लिए है छोड़ देता है। जब तक आप गुम मूल्यों की अपेक्षा नहीं करते हैं, forEachfor लूप के बराबर है, लेकिन ध्यान दें कि आप जल्दी से नहीं रोक सकते हैं, जिसके लिए आपको every की आवश्यकता है।