ऐरे इटरेशन
songs में rain, tide और dusk रखे हैं और इस पूरे पन्ने पर गिनती जमी रहती है, क्योंकि forEach सिर्फ़ मिलने जाता है और पिछले पाठ की तरह सूची को न लंबा करता है न छोटा।
लंबाई नहीं हिलती
इस बार चलना एक मेथड की पुकार है और इंडेक्स भी मिल सकता है, for...of से अलग जो सिर्फ़ मान लाता है। न कोई शीर्षक अंत में जुड़ता है और न कोई सूची से घटता है।
जो फ़ंक्शन तुम सौंपते हो
तुम एक फ़ंक्शन देते हो जो हर गाने पर एक बार चलता है, और नीचे का कार्ड इसी पन्ने का करार है।
📊 forEach क्या देता है
| टुकड़ा | कब मिलता है | यह नहीं है |
|---|---|---|
| पहला आर्ग्युमेंट | हर भेंट पर | लंबाई |
| दूसरा आर्ग्युमेंट | सिर्फ़ जब नाम लिखो | ज़रूरी |
| पुकार का नतीजा | जब forEach खत्म हो |
नई ऐरे |
बाद में length |
जब songs.length पढ़ो |
भेंट से बदला हुआ |
गाना पहला आर्ग्युमेंट है और इंडेक्स दूसरा, जिसे तुम छोड़ सकते हो।
कंसोल पर क्रम
हर शीर्षक छापो। पहले rain आए, फिर tide, आखिर में dusk।
let songs = ["rain", "tide", "dusk"];
songs.forEach(function (title) {
console.log(title);
});
तीन पंक्तियाँ आती हैं और ऐरे के आगे से पीछे तक चलती हैं। तीनों स्ट्रिंग अभी भी उन्हीं जगहों पर हैं।
let songs = ["rain", "tide", "dusk"];
songs.forEach(function (title, i) {
console.log(i);
console.log(title);
});
शून्य rain का है, दो dusk का है, और tide बीच में एक पर बैठा है।
let songs = ["rain", "tide", "dusk"];
let result = songs.forEach(function (title) {
console.log(title);
});
console.log(result);
console.log(songs.length);
पुकार को एक चर में रखो और छापो ताकि undefined दिखे, जो न शीर्षक है न लंबाई। length की छपाई अब भी 3 है।
let songs = ["rain", "tide", "dusk"];
songs.forEach(function (title) {
if (title === "tide") {
return;
}
console.log(title);
});
अगर शीर्षक tide हो और तुम तुरंत return करो, वह पंक्ति नहीं छपती। चलना रुकता नहीं और dusk फिर भी आता है।
let songs = ["rain", "tide", "dusk"];
let seen = 0;
songs.forEach(function (title) {
seen = seen + 1;
});
console.log(seen);
console.log(songs.length);
तुम्हारा काउंटर 3 पर रुकता है और length भी 3 है, पर यह जोड़ तुमने खुद रखा है, पुकार ने उसे लौटाया नहीं।
अनुच्छेद में शीर्षक
शीर्षकों के बीच एक खाली जगह वाली स्ट्रिंग बनाओ और उसे अनुच्छेद में लिखो। लंबाई को पंक्ति से बाहर रखो।
<!DOCTYPE html>
<html>
<head>
<title>array-iteration — page</title>
</head>
<body>
<p id="line">…</p>
<script>
let songs = ["rain", "tide", "dusk"];
let line = "";
songs.forEach(function (title) {
if (line !== "") {
line = line + " ";
}
line = line + title;
});
let box = document.getElementById("line");
box.textContent = line;
</script>
</body>
</html>
पंक्ति तीन शीर्षक खाली जगह के साथ दिखाती है, और tide को fog करके पेज ताज़ा करो तो बीच का शब्द बदलता है। भेंट अब भी तीन शीर्षक ढकती है।
खुद चलो
- तीन शीर्षक छापो। देखो
rainपहले है - हर इंडेक्स छापो और देखो
rain0 पर है - पुकार का नतीजा सहेजो और
undefinedदेखो जब लंबाई 3 रहे tideपर तुरंतreturnकरो और देखोduskअभी भी छपता है- हर भेंट पर
seenमें 1 जोड़ो और देखो 3 आता है - पेज की पंक्ति पढ़ो,
tideकोfogकरो और ताज़ा करो
आसानी से गलत पढ़ना
- यह उम्मीद मत रखो कि पुकार आखिरी शीर्षक लौटाए। जो लौटता है वह गाना नहीं
- यह उम्मीद मत रखो कि पुकार लंबाई लौटाए
- फ़ंक्शन के अंदर
breakमत लिखो क्योंकि वह वाक्य-रचना की गलती है - यह मत समझो कि
tideके बादreturnduskको भी रोक देगा - दूसरे पैरामीटर को शीर्षक मत पढ़ो
- इस पन्ने पर मान से खोज मत करो
यह साथ ले जाओ
forEachआगे से पीछे हर चीज़ पर जाता है और पहला पैरामीटर वही चीज़ है- दूसरा पैरामीटर इंडेक्स है
- पुकार का अपना नतीजा
undefinedहै - फ़ंक्शन के अंदर
returnसिर्फ़ उसी भेंट को छोड़ता है - अगला पन्ना मान के हिसाब से खोजता है
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी