पाठ वर्णों का एक क्रम।
स्ट्रिंग
डेटा प्रकार टेक्स्ट के साथ काम करने में सहायक है। उदाहरण के लिए, एक स्ट्रिंग में एक स्वागत संदेश हो सकता है:
// एक स्ट्रिंग शाब्दिक का प्रयोग करें। पाठ ('हैलो!', 10, 10);
// एक स्ट्रिंग वेरिएबल बनाएं। संदेश दें = 'हैलो!'; <p>// स्ट्रिंग वेरिएबल का उपयोग करें। पाठ(संदेश, 10, 10); </p>
स्ट्रिंग्स बनाने का सबसे आम तरीका कुछ प्रकार के उद्धरणों का उपयोग करना है इस प्रकार है:
पाठ ("हाय", 50, 50);
टेक्स्ट ('हाय', 50, 50);
टेक्स्ट(`हाय`, 50, 50);
"hi"
, 'hi'
, और hi
सभी स्ट्रिंग अक्षर हैं। "शाब्दिक" का अर्थ है कि कोई मान वास्तव में लिखा गया था, जैसे कि टेक्स्ट('हाय', 50, 50)
। इसके विपरीत, text(message, 50, 50)
वेरिएबल message
का उपयोग करता है, इसलिए यह एक स्ट्रिंग शाब्दिक नहीं है।
सिंगल कोट्स ''
और डबल कोट्स ""
का मतलब एक ही है। ऐसे मामलों के लिए विकल्प रखना अच्छा है जब एक स्ट्रिंग में एक प्रकार का उद्धरण होता है:
पाठ ("क्या चल रहा है?", 50, 50);
टेक्स्ट ('एयर कोट्स आपको "कूल" दिखाते हैं।', 50, 50);
बैकटिक्स ```` टेम्पलेट शाब्दिक बनाते हैं। टेम्प्लेट शाब्दिक के कई उपयोग हैं। उदाहरण के लिए, आवश्यकतानुसार उनमें एकल और दोहरे दोनों उद्धरण शामिल हो सकते हैं:
text(``"तुम मेरे बारे में मत भूलना"`, 10, 10);
टेम्पलेट अक्षर तब सहायक होते हैं जब स्ट्रिंग्स को इस तरह के वेरिएबल्स से बनाया जाता है:
मान लीजिए आकार = यादृच्छिक(10, 20); वृत्त(50, 50, आकार); <p>पाठ(<code>सर्कल का व्यास ${आकार} पिक्सेल है।</code>, 10, 10); </p>
स्ट्रिंग बनने पर size
वेरिएबल का मान ${size}
को प्रतिस्थापित कर देगा। ${}
किसी भी मूल्य के लिए प्लेसहोल्डर है। इसका मतलब है कि एक अभिव्यक्ति का उपयोग किया जा सकता है, जैसे कि code>${राउंड(पीआई, 3)} में। निम्नलिखित सभी मान्य टेम्पलेट शाब्दिक हैं:
टेक्स्ट(`π लगभग ${राउंड(पीआई, 2)} पिक्सल है।`, 10, 10); text(`यह ${mouseX < width / 2} है कि मैं कैनवास के बाएँ आधे भाग पर हूँ।`, 10, 30);
टेम्पलेट शाब्दिक में कई चर शामिल हो सकते हैं:
let x = random(0, 100); let y = random(0, 100); let size = random(10, 20); circle(x, y, size); <p>text(<code>The circle at (${x}, ${y}) has a diameter of ${size} pixels.</code>, 10, 10); </p>
टेम्पलेट अक्षर बहु-पंक्ति पाठ बनाने के लिए भी सहायक होते हैं तो:
चलो कविता = `मेरा स्केच नहीं चलता; यह धैर्यपूर्वक मेरा इंतजार करता है जबकि बग रास्ता बताते हैं.`; <p>पाठ(कविता, 10, 10); </p>
उदाहरण
संबंधित संदर्भ
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); फ़ंक्शन में अल्पविराम द्वारा अलग किए गए कई पैरामीटर हो सकते हैं। पैरामीटर किसी भी प्रकार के हो सकते हैं.