पुनरावृत्तियों की संख्या ज्ञात होने पर code के एक ब्लॉक को दोहराने का एक तरीका।
for
लूप कथनों को एक निश्चित संख्या में दोहराने में सहायक होते हैं। उदाहरण के लिए, एक for
लूप इस प्रकार "पांच रेखाएं बनाएं" विचार को व्यक्त करना आसान बनाता है:
for (let x = 10; x < 100; x += 20) { line(x, 25, x, 75); }
लूप का हेडर कीवर्ड for
से शुरू होता है। लूप आम तौर पर दोहराए जाने या दोहराए जाने पर गिनते हैं या गिनते हैं। कोष्ठक में दिए गए कथन चलो x = 10; x < 100; x += 20
लूप को बताएं कि इसे कैसे दोहराया जाना चाहिए:
let x = 10
लूप को गिनती शुरू करने के लिए कहता है10
और वेरिएबल का उपयोग करके पुनरावृत्तियों पर नज़र रखेंx
.x < 100
लूप को100
तक गिनने के लिए कहता है, लेकिन इसमें शामिल नहीं है।x += 20
प्रत्येक पुनरावृत्ति के अंत में लूप को20
तक गिनने के लिए कहता है।
घुंघराले ब्रेसिज़ के बीच का code {}
लूप का शरीर है। लूप बॉडी में कथन लूप के प्रत्येक पुनरावृत्ति के दौरान दोहराए जाते हैं।
गलती से अनंत लूप बनाना आम बात है। जब ऐसा होता है, तो स्केच अनुत्तरदायी हो सकते हैं और वेब ब्राउज़र एक चेतावनी प्रदर्शित कर सकता है। उदाहरण के लिए, निम्न लूप कभी भी पुनरावृत्त होना बंद नहीं करता क्योंकि इसकी गिनती नहीं होती:
for (let x = 10; x < 100; x = 20) { line(x, 25, x, 75); }
कथन x = 20
वेरिएबल x
को 20
पर अटकाए रखता है, जो हमेशा 100
से कम होता है .
for
लूप्स की उल्टी गिनती भी की जा सकती है:
for (let d = 100; d > 0; d -= 10) { circle(50, 50, d); }
for
लूप में अन्य लूप भी हो सकते हैं। निम्नलिखित नेस्टेड लूप बिंदुओं का एक ग्रिड बनाता है:
// बाएं से दाएं लूप करें। for (let x = 10; x < 100; x += 10) {// Loop from top to bottom. for (let y = 10; y < 100; y += 10) { point(x, y); }
}
for
लूप किसी सरणी के तत्वों के माध्यम से पुनरावृत्ति करने में भी सहायक होते हैं। उदाहरण के लिए, एक सरणी के माध्यम से पुनरावृत्त करना आम बात है जिसमें कहां या क्या आकर्षित करना है इसके बारे में जानकारी होती है:
// एक्स-निर्देशांक की एक सरणी बनाएं। let xCoordinates = [20, 40, 60];for (let i = 0; i < xCoordinates.length; i += 1) { // Update the element. xCoordinates[i] += random(-1, 1);
// Draw a circle. circle(xCoordinates[i], 50, 20); }
यदि सरणी के मान संशोधित नहीं किए गए हैं, तो for...of
कथन code को सरल बना सकता है। वे पायथन में for
लूप और C++ और Java में for-each
लूप के समान हैं। निम्नलिखित लूप का प्रभाव समान है:
// लूप के साथ वृत्त बनाएं। let xCoordinates = [20, 40, 60];for (let i = 0; i < xCoordinates.length; i += 1) { circle(xCoordinates[i], 50, 20); }
// कथन के लिए...के साथ वृत्त बनाएं। let xCoordinates = [20, 40, 60]; <p>for (let x of xCoordinates) { circle(x, 50, 20); } </p>
उपरोक्त code स्निपेट में, वेरिएबल i
और x
अलग-अलग भूमिकाएँ हैं।
पहले स्निपेट में, i
की गिनती 0
से 2
तक होती है, जो कि इससे एक कम है xनिर्देशांक.लंबाई
। i
का उपयोग इंडेक्स i
पर xCodependents
में तत्व तक पहुंचने के लिए किया जाता है।
दूसरे code स्निपेट में, x
लूप की प्रगति या इंडेक्स का ट्रैक नहीं रख रहा है। प्रत्येक पुनरावृत्ति के दौरान, x
में xCodependents
का अगला तत्व शामिल होता है। x
, xनिर्देशांक
(20
) की शुरुआत से शुरू होता है और इसके मान को 40
और फिर 60 पर अपडेट करता है।
अगले पुनरावृत्तियों के दौरान।
उदाहरण
संबंधित संदर्भ
Array
एक सूची जो डेटा के कई टुकड़ों को क्रम में रखती है। सरणी संबंधित डेटा संग्रहीत करने में सहायक होती है। इनमें किसी भी प्रकार का डेटा हो सकता है। उदाहरण के लिए, किसी सरणी में स्ट्रिंग के रूप में किसी के पसंदीदा रंगों की सूची हो सकती है। सारणियाँ इस प्रकार बनाई जाती हैं: let colors = ['deeppink', 'darkorchid', 'magenta']; किसी सारणी में डेटा के प्रत्येक टुकड़े को एक तत्व कहा जाता है। प्रत्येक तत्व की सरणी के भीतर एक पता या सूचकांक होता है। वेरिएबल colors तीन स्ट्रिंग तत्वों, 'डीपिंक', 'डार्कोरचिड' के साथ एक सरणी को संदर्भित करता है। , और 'मैजेंटा'। सारणियाँ शून्य-अनुक्रमित हैं, जिसका अर्थ है कि 'डीपिंक' सूचकांक 0 पर है, 'डार्कोरचिड' पर है इंडेक्स 1, और 'मैजेंटा' इंडेक्स 2 पर है। एरे तत्वों को उनके इंडेक्स का उपयोग करके निम्नानुसार एक्सेस किया जा सकता है: let zeroth = colors[0]; // 'deeppink' let first = colors[1]; // 'darkorchid' let second = colors[2]; // 'magenta' कॉल करके तत्वों को किसी सरणी के अंत में जोड़ा जा सकता है push() विधि इस प्रकार है: color.push('लैवेंडर'); let third = colors[3]; // 'लैवेंडर' सरणी के बारे में अधिक जानकारी के लिए MDN देखें। .
class
किसी विशेष प्रकार की ऑब्जेक्ट बनाने के लिए एक टेम्पलेट। क्लास ऑब्जेक्ट के साथ प्रोग्राम करना आसान बना सकती है। उदाहरण के लिए, एक फ्रॉग क्लास ऑब्जेक्ट बना सकता है जो मेंढकों की तरह व्यवहार करता है। एक वर्ग का उपयोग करके बनाई गई प्रत्येक वस्तु को उस वर्ग का एक उदाहरण कहा जाता है। यहां एक मेंढक वर्ग का एक उदाहरण बनाने का एक उदाहरण दिया गया है : let fifi = new Frog(50, 50, 20); वेरिएबल fifi एक को संदर्भित करता है फ्रॉग क्लास का उदाहरण। कीवर्ड न्यू का उपयोग स्टेटमेंट में फ्रॉग क्लास' कंस्ट्रक्टर को कॉल करने के लिए किया जाता है। मेंढक()। कुल मिलाकर, एक नया मेंढक ऑब्जेक्ट बनाया गया था और उसे वेरिएबल फीफ़ी को सौंपा गया था, इसलिए उन्हें बनाने के लिए उपयोग किया जा सकता है। nएक से अधिक उदाहरण: // पहला मेंढक उदाहरण.
for
पुनरावृत्तियों की संख्या ज्ञात होने पर code के एक ब्लॉक को दोहराने का एक तरीका। for लूप कथनों को एक निश्चित संख्या में दोहराने में सहायक होते हैं। उदाहरण के लिए, एक for लूप इस प्रकार "पांच रेखाएं बनाएं" विचार को व्यक्त करना आसान बनाता है: for (let x = 10; x लूप का हेडर कीवर्ड for से शुरू होता है। लूप आम तौर पर दोहराए जाने या दोहराए जाने पर गिनते हैं या गिनते हैं। कोष्ठक में दिए गए कथन चलो x = 10; x लूप को बताएं कि इसे कैसे दोहराया जाना चाहिए: let x = 10 लूप को गिनती शुरू करने के लिए कहता है 10 और वेरिएबल का उपयोग करके पुनरावृत्तियों पर नज़र रखें x.
function
कथनों का एक नामित समूह। फ़ंक्शन code को व्यवस्थित करने और पुन: उपयोग करने में सहायता। उदाहरण के लिए, फ़ंक्शंस विचार को व्यक्त करना आसान बनाते हैं"एक फूल बनाएं।": फ़ंक्शन ड्रॉफ़्लॉवर() // टेक्स्ट को स्टाइल करें। textAlign(CENTER, CENTER); textSize(20); // एक फूल इमोजी बनाएं। text(' 🌸', 50, 50); } फ़ंक्शन हेडर कीवर्ड फ़ंक्शन से शुरू होता है। फ़ंक्शन का नाम, drawFlower, इसके बाद कोष्ठक () और घुंघराले ब्रेसिज़ {} आते हैं। घुंघराले ब्रेसिज़ के बीच के code को फ़ंक्शन की बॉडी कहा जाता है फ़ंक्शन को इस प्रकार कॉल करने पर चलता है: drawFlower(); फ़ंक्शन अपने हेडर में पैरामीटर जोड़कर इनपुट स्वीकार कर सकते हैं। पैरामीटर हैं मानों के लिए प्लेसहोल्डर जो फ़ंक्शन को कॉल करने पर प्रदान किए जाएंगे। उदाहरण के लिए, drawFlower() फ़ंक्शन में फूल के आकार के लिए a पैरामीटर शामिल हो सकता है: function ड्राफ्लॉवर(आकार) {n // टेक्स्ट को स्टाइल करें। p> // एक फूल इमोजी बनाएं। text('🌸', 50, 50); } पैरामीटर फ़ंक्शन की घोषणा का हिस्सा हैं। तर्क उस code द्वारा प्रदान किए जाते हैं जो किसी फ़ंक्शन को कॉल करता है। जब कोई फ़ंक्शन कॉल किया जाता है, तो तर्क पैरामीटर को निर्दिष्ट किए जाते हैं: // तर्क 20 पैरामीटर आकार को निर्दिष्ट किया जाता है। drawFlower(20); फ़ंक्शन में अल्पविराम द्वारा अलग किए गए कई पैरामीटर हो सकते हैं। पैरामीटर किसी भी प्रकार के हो सकते हैं.