जावास्क्रिप्ट में लूप्स का उपयोग कैसे करें

लूपिंग आपको सरणी में प्रत्येक आइटम के माध्यम से पुनरावृति करने की अनुमति देता है ताकि आप उनमें से प्रत्येक को अपनी पसंद के अनुसार अनुकूलित और आउटपुट कर सकें। हर प्रोग्रामिंग भाषा की तरह, जावास्क्रिप्ट में भी सरणियों को प्रस्तुत करने के लिए लूप एक महत्वपूर्ण उपकरण है।

कुछ व्यावहारिक उदाहरणों की सहायता से, आइए उन विभिन्न तरीकों के बारे में गहराई से जानें जिनसे आप जावास्क्रिप्ट में लूप का उपयोग कर सकते हैं।

जावास्क्रिप्ट में लूप के लिए इंक्रीमेंटल और डिक्रीमेंटल

वृद्धिशील के लिये लूप जावास्क्रिप्ट में पुनरावृत्ति का आधार है।

यह एक चर को सौंपा गया प्रारंभिक मान मानता है और एक साधारण सशर्त लंबाई जांच चलाता है। फिर यह का उपयोग करके उस मूल्य को बढ़ाता या घटाता है ++ या -- ऑपरेटरों।

यहां बताया गया है कि इसका सामान्य सिंटैक्स कैसा दिखता है:

के लिए (var i = प्रारंभिक मान; मैं सरणी [i]}

अब उपरोक्त आधार सिंटैक्स का उपयोग करके एक सरणी के माध्यम से पुनरावृति करते हैं:

एनाअरे = [१, ३, ५, ६];
के लिए (चलो मैं = 0; मैं < anArray.length; मैं++) {
कंसोल.लॉग (anArray[i])
}
आउटपुट:
1
3
5
6 

अब हम जावास्क्रिप्ट का उपयोग करके उपरोक्त सरणी में प्रत्येक आइटम पर काम करेंगे के लिये कुंडली:

एनाअरे = [१, ३, ५, ६];
के लिए (चलो मैं = 0; मैं < anArray.length; मैं++) {
console.log("5", "x", anArray[i], "=", anArray[i] * 5)
}
आउटपुट:
५ x १ = ५
5 x 3 = 15
५ x ५ = २५
५ x ६ = ३० 

लूप सरणी के माध्यम से क्रमिक रूप से पुनरावृत्ति कर रहा है ++ ऑपरेटर, एक आदेशित आउटपुट का उत्पादन।

लेकिन नकारात्मक का उपयोग करना (--) ऑपरेटर, आप आउटपुट को उलट सकते हैं।

वाक्यविन्यास समान हैं, लेकिन तर्क उपरोक्त वृद्धिशील लूप से थोड़ा अलग है।

यहां बताया गया है कि डिक्रीमेंटल विधि कैसे काम करती है:

एनाअरे = [१, ३, ५, ६];
के लिए (चलो मैं = anArray.length-1; मैं > = 0; मैं--) {
console.log("5", "x", anArray[i], "=", anArray[i]*5)
}
आउटपुट:
५ x ६ = ३०
५ x ५ = २५
5 x 3 = 15
५ x १ = ५

उपरोक्त कोड के पीछे तर्क दूर की कौड़ी नहीं है। सरणी अनुक्रमण शून्य से शुरू होता है। तो बुला रहा है ऐरेरे [i] सामान्य रूप से सूचकांक शून्य से तीन तक पुनरावृत्त होता है क्योंकि उपरोक्त सरणी में चार आइटम होते हैं।

इस प्रकार, सरणी की लंबाई से एक को हटाना और शर्त को अधिक या बराबर शून्य पर सेट करना बहुत आसान है-खासकर जब आपके पुनरावृत्ति के आधार के रूप में सरणी का उपयोग किया जाता है।

यह ऐरे इंडेक्स को उसकी लंबाई से एक कम पर रखता है। शर्त मैं >= 0 फिर गिनती को सरणी में अंतिम आइटम पर रोकने के लिए मजबूर करता है।

सम्बंधित: जावास्क्रिप्ट ऐरे के तरीके जो आपको आज ही मास्टर करने चाहिए

प्रत्येक के लिए जावास्क्रिप्ट

हालांकि आप जावास्क्रिप्ट का उपयोग करके कमी नहीं कर सकते हैं प्रत्येक के लिए, यह अक्सर रॉ से कम वर्बोज़ होता है के लिये कुंडली। यह पिछले एक को याद किए बिना एक के बाद एक आइटम उठाकर काम करता है।

यहाँ जावास्क्रिप्ट का सामान्य सिंटैक्स है प्रत्येक के लिए:

array.forEach (तत्व => {
कार्य
})

देखें कि यह व्यवहार में कैसे काम करता है:

चलो anArray = [१, ३, ५, ६];
anArray.forEach (x => {
कंसोल.लॉग (एक्स)
});
आउटपुट:
1
3
5
6 

अब इसका उपयोग प्रत्येक आइटम पर एक साधारण गणितीय संक्रिया चलाने के लिए करें जैसा आपने पिछले अनुभाग में किया था:

चलो anArray = [१, ३, ५, ६];
anArray.forEach (x => {
कंसोल.लॉग ("5", "एक्स", एक्स, "=", एक्स * 5)
});
आउटपुट:
५ x १ = ५
5 x 3 = 15
५ x ५ = २५
५ x ६ = ३० 

जावास्क्रिप्ट के for...in लूप का उपयोग कैसे करें

NS में लिए जावास्क्रिप्ट में लूप एक सरणी के माध्यम से पुनरावृत्त होता है और इसकी अनुक्रमणिका देता है।

आपको इसका उपयोग करना आसान लगेगा में लिए यदि आप परिचित हैं लूप के लिए पायथन जैसा कि वे सादगी और तर्क के संबंध में समान हैं।

इसके सामान्य सिंटैक्स पर एक नज़र डालें:

के लिए (सरणी में तत्व दें) {
कार्य 
}

ऐसा में लिए लूप प्रत्येक आइटम को एक सरणी में कोष्ठक के भीतर घोषित चर (तत्व) को निर्दिष्ट करता है।

इस प्रकार, तत्व को सीधे लूप के भीतर लॉग करना एक सरणी अनुक्रमणिका देता है, न कि आइटम स्वयं:

चलो anArray = [१, ३, ५, ६];
के लिए (मुझे एक ऐरे में जाने दें) {
कंसोल.लॉग (i)
}
आउटपुट:
0
1
2
3 

इसके बजाय प्रत्येक आइटम को आउटपुट करने के लिए:

चलो anArray = [१, ३, ५, ६];
के लिए (मुझे एक ऐरे में जाने दें) {
कंसोल.लॉग (anArray[i])
}
आउटपुट:
1
3
5
6 

जैसा कि आपने डिक्रीमेंटल लूप का उपयोग करते समय किया था, इसका उपयोग करके आउटपुट को उलटना भी आसान है में लिए:

चलो anArray = [१, ३, ५, ६];
// सरणी की लंबाई से एक निकालें और इसे एक चर के लिए असाइन करें:
चलो v = anArray.length - 1; 
// उपरोक्त चर का उपयोग एक सूचकांक आधार के रूप में करें, जबकि सरणी को नीचे की ओर घुमाते हुए:
के लिए (मुझे एक ऐरे में जाने दें) {
कंसोल.लॉग (anArray[v])
वी - = 1;
}
आउटपुट:
6
5
3
1 

उपरोक्त कोड तार्किक रूप से वैसा ही है जैसा आपने डिक्रीमेंटल लूप का उपयोग करते समय किया था। हालांकि, यह अधिक पठनीय और स्पष्ट रूप से उल्लिखित है।

लूप के लिए जावास्क्रिप्ट...

NS के लिए लूप के समान है में लिए कुंडली।

हालांकि, विपरीत में लिए, यह सरणी अनुक्रमणिका के माध्यम से पुनरावृति नहीं करता है, लेकिन स्वयं आइटम।

इसका सामान्य सिंटैक्स इस तरह दिखता है:

के लिए (सरणी के मुझे दें) {
कार्य 
}

आइए इस लूपिंग विधि का उपयोग एक सरणी के माध्यम से पुनरावृति करने के लिए करें, यह देखने के लिए कि यह कैसे काम करता है:

चलो anArray = [१, ३, ५, ६];
के लिए (चलो मैं anArray के) {
कंसोल.लॉग (i)
}
आउटपुट:
1
3
5
6 

आप इस विधि का उपयोग सरणी को पुनरावृत्त करने और आउटपुट को उलटने के लिए भी कर सकते हैं। यह वैसा ही है जैसा आप इसका उपयोग करके करते हैं में लिए:

चलो anArray = [१, ३, ५, ६];
चलो v = anArray.length - 1;
के लिए (चलो x के anArray) {
कंसोल.लॉग (anArray[v])
वी - = 1;
}
आउटपुट:
6
5
3
1

लूप के भीतर काम करने के लिए:

चलो anArray = [१, ३, ५, ६];
चलो v = anArray.length - 1;
के लिए (चलो x के anArray) {
console.log("5", "x", anArray[v], "=", anArray[v] * 5)
वी - = 1;
}
आउटपुट:
५ x ६ = ३०
५ x ५ = २५
5 x 3 = 15
५ x १ = ५ 

जबकि लूप

NS जबकि लूप तब तक लगातार चलता है जब तक कि एक निर्दिष्ट शर्त सही रहती है। इसे अक्सर अनंत लूप के रूप में उपयोग किया जाता है।

उदाहरण के लिए, चूंकि शून्य हमेशा दस से कम होता है, नीचे दिया गया कोड लगातार चलता है:

चलो मैं = 0;
जबकि (मैं <10) {
कंसोल.लॉग (4)
}

उपरोक्त कोड "4" को असीमित रूप से लॉग करता है।

आइए एक सरणी के माध्यम से पुनरावृति करें जबकि कुंडली:

चलो मैं = 0;
जबकि (i < anArray.length) {
कंसोल.लॉग (anArray[i])
मैं +1
}
आउटपुट:
1
3
5
6 

जावास्क्रिप्ट करते हैं... जबकि लूप

NS जबकि ऐसा लूप स्पष्ट रूप से a. के अंदर क्रियाओं के एक सेट को स्वीकार करता है और निष्पादित करता है करना वाक्य - विन्यास। यह तब अंदर इस क्रिया के लिए शर्त बताता है जबकि कुंडली।

यहां बताया गया है कि यह कैसा दिखता है:

करना{
कार्रवाई
}
जबकि (
शर्त
)

अब इस लूपिंग विधि का उपयोग करके एक सरणी के माध्यम से पुनरावृति करते हैं:

करना{
कंसोल.लॉग (anArray[i])
मैं +1
}
जबकि (
मैं < anArray.length
)
आउटपुट:
1
3
5
6 

जावास्क्रिप्ट लूप्स से खुद को परिचित करें

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

हालाँकि, लूप्स अधिकांश क्लाइंट-साइड सरणी रेंडरिंग का आधार हैं। तो बेझिझक इन लूपिंग विधियों को अपनी पसंद के अनुसार ट्विक करें। उदाहरण के लिए, अधिक जटिल सरणियों के साथ उनका उपयोग करने से आपको जावास्क्रिप्ट लूप की बेहतर समझ प्राप्त होती है।

जावास्क्रिप्ट का उपयोग कैसे करें अगर-अन्य विवरण

if-else स्टेटमेंट आपके एप्लिकेशन में प्रोग्रामिंग लॉजिक की दिशा में आपका पहला कदम है।

आगे पढ़िए

लेखक के बारे में