मुख्य जावास्क्रिप्ट ट्यूटोरियल

मूल बातें

परिचय JavaScript चलाना JavaScript में पहला प्रोग्राम प्रोग्राम कोड का विश्लेषण आगे के उदाहरण स्क्रिप्ट फ़ाइलें कई फ़ाइलें टिप्पणी फ़ाइल कैशिंग सख्त मोड टिप्पणियाँ चर चर का उपयोग कई चर घोषित करना चर के मानों में परिवर्तन एक चर के लिए कई let संख्याओं के साथ गणितीय संक्रियाएँ चर के साथ गणितीय संक्रियाएँ गणितीय संक्रियाओं की प्राथमिकता समान प्राथमिकता समूहीकरण कोष्ठक भिन्न ऋणात्मक संख्याएँ चर से पहले प्लस भाग का शेष घातांक घातांक की प्राथमिकता स्ट्रिंग्स स्ट्रिंग्स का जोड़ स्ट्रिंग की लंबाई टेम्पलेट स्ट्रिंग्स बहु-पंक्ति विशेष मान मान undefined मान null मान true और false मान NaN Infinity और -Infinity कंसोल कंसोल में डेटा प्रकार कंसोल में त्रुटियाँ स्थिरांक स्वचालित प्रकार रूपांतरण संख्या में रूपांतरण संख्या में संक्षिप्त रूपांतरण गलत संख्याओं का रूपांतरण संख्याओं का निष्कर्षण स्ट्रिंग में रूपांतरण स्ट्रिंग में रूपांतरण लागू करना तार्किक प्रकार रूपांतरण तार्किक प्रकार में रूपांतरण स्ट्रिंग के वर्ण स्ट्रिंग्स की अपरिवर्तनीयता स्ट्रिंग का अंतिम वर्ण अंकों वाली स्ट्रिंग्स संख्या के अंकों तक पहुँच चर बदलने के लिए संक्रियाएँ JavaScript में संक्षिप्त संक्रियाएँ वृद्धि उपसर्ग और परसर्ग प्रकार गलत गणनाएँ फ़ंक्शन prompt prompt में प्रकारों की समस्या दस्तावेज़ में आउटपुट त्रुटियाँ खोजने पर अभ्यास संक्रियाओं पर अभ्यास सूत्रों पर अभ्यास

ऐरेज़ (Arrays)

ऐरेज़ का परिचय एलिमेंट्स प्राप्त करना ऐरे की लंबाई एलिमेंट्स बदलना ऐरे एलिमेंट्स को पुनः लिखना एलिमेंट्स इंक्रीमेंटेशन कुंजियों द्वारा एलिमेंट्स जोड़ना स्पार्स ऐरेज़ (Sparse Arrays) push के माध्यम से एलिमेंट्स जोड़ना वेरिएबल्स से कुंजियाँ डिलीट ऑपरेटर (delete Operator) त्रुटियाँ खोजने पर अभ्यास

ऑब्जेक्ट्स (Objects)

ऑब्जेक्ट्स का परिचय पूरे ऑब्जेक्ट का प्रदर्शन ऑब्जेक्ट की स्ट्रिंग कुंजियाँ ऑब्जेक्ट के गुण (Properties) ऑब्जेक्ट कुंजियों पर प्रतिबंध तत्वों को बदलना तत्व जोड़ना ऑब्जेक्ट्स का अक्रमित होना ऑब्जेक्ट की कुंजियों की सरणी ऑब्जेक्ट की लंबाई वेरिएबल्स से कुंजियाँ तत्व तक पहुँचने में त्रुटि गुण (Property) तक पहुँचने में त्रुटि कम्प्यूटेड प्रॉपर्टीज़ (Computed Properties) ऑपरेटर in ऑपरेटर delete ऑब्जेक्ट्स की टाइपिंग ऑब्जेक्ट्स के रूप में ऐरे ऐरे और ऑब्जेक्ट्स में अंतर बताना ऑब्जेक्ट्स और प्रिमिटिव्स ऑब्जेक्ट्स का रेफरेंस द्वारा पास होना कॉन्स्टेंट्स (Constants) कॉन्स्टेंट्स के माध्यम से प्रोग्रामिंग का तरीका त्रुटियाँ खोजने पर अभ्यास

शर्तें

if-else कंस्ट्रक्शन अधिक और कम ऑपरेटर समानता जांच असमानता जांच चर की तुलना स्ट्रिंग्स की समानता स्ट्रिंग्स और नंबर्स की समानता मूल्य और प्रकार से समानता मूल्य और प्रकार से असमानता लॉजिकल AND लॉजिकल OR लॉजिकल ऑपरेटर्स की प्राथमिकता शर्तों का समूहीकरण लॉजिकल एक्सप्रेशन का उलटाव बूलियन मानों के साथ शर्तें बूलियन प्रकार के साथ मानों की तुलना सत्य की जांच का संक्षिप्त रूप असत्य की जांच का संक्षिप्त रूप जांच का सामान्य संक्षिप्त रूप संक्षिप्त रूप में जटिल शर्तें else कंस्ट्रक्शन की वैकल्पिकता कर्ली ब्रेसिज़ की वैकल्पिकता ब्रेसिज़ की वैकल्पिकता की समस्या else if कंस्ट्रक्शन नेस्टेड if-else कंस्ट्रक्शन switch-case कंस्ट्रक्शन break की वैकल्पिकता टर्नरी ऑपरेटर लॉजिकल ऑपरेशन confirm फ़ंक्शन स्कोप स्कोप की बारीकियां घंटे के भागों की जांच स्ट्रिंग्स और ऐरे की लंबाई की जांच स्ट्रिंग के करैक्टर्स की जांच नंबर के डिजिट्स की जांच भाग के शेष की जांच गलतियाँ खोजने का अभ्यास अभ्यास

लूप्स

परिचय for-of लूप for-in लूप while लूप for लूप ऐरे के लिए for लूप लूप में शर्तें संख्याओं का योग जमा करना तत्वों का योग जमा करना स्ट्रिंग बनाना संख्या के अंक कर्ली ब्रेसिज़ की वैकल्पिकता ब्रेसिज़ की वैकल्पिकता की समस्या break स्टेटमेंट continue स्टेटमेंट नेस्टेड लूप्स स्कोप नेस्टेड लूप्स और स्कोप ऐरे भरना ऐरे बदलना ऑब्जेक्ट भरना ऑब्जेक्ट बदलना फ्लैग के साथ काम कोड लिखने के सुझाव कोड डीबगिंग के सुझाव गलतियाँ ढूँढने का अभ्यास अभ्यास

बहुआयामीता

बहुआयामी ऐरे तीन-आयामी ऐरे मनमाना ऐरे बहुआयामी ऐरे का पुनरावृत्ति सामान्य for के माध्यम से पुनरावृत्ति बहुआयामी ऐरे भरना बहुआयामी ऐरे भरते समय समस्याएं क्रम से बहुआयामी ऐरे भरना बहुआयामी ऑब्जेक्ट बहुआयामी ऑब्जेक्ट का पुनरावृत्ति बहुआयामी संरचनाएं बहुआयामी संरचनाओं का पुनरावृत्ति ऑब्जेक्ट की ऐरे चर से कुंजियाँ ऐरे में तत्व जोड़ना ऑब्जेक्ट में तत्व जोड़ना

मानक विधियाँ

घात पूर्णांकन फलन चरम मान यादृच्छिक निरपेक्ष मान वर्णों का केस स्ट्रिंग्स को काटना स्ट्रिंग्स में खोज स्ट्रिंग्स में प्रतिस्थापन स्ट्रिंग्स को विभाजित करना अंतिम तत्व ऐरे के भाग ऐरे को काटना ऐरे में खोज ऑब्जेक्ट की कुंजियाँ त्रुटियाँ खोजने पर अभ्यास

यूजर-डिफाइंड फ़ंक्शन

परिचय फ़ंक्शन पैरामीटर एक से अधिक पैरामीटर पैरामीटर-वेरिएबल ऑप्शनल पैरामीटर return स्टेटमेंट फ़ंक्शन का सीक्वेंशियल कॉल return की बारीकियाँ लूप और return लूप में return का उपयोग return के साथ काम करने की ट्रिक फ़ंक्शन में फ्लैग फ़ंक्शन में लॉजिकल ऑपरेटर फ़ंक्शन के लिए सलाह गलतियाँ ढूँढने का अभ्यास फ़ंक्शन पर प्रैक्टिकम

फ़ंक्शन चर

वैश्विक चर स्थानीय चर चर नामों का संयोग वैश्विक चरों को बदलना वैश्विक चर और फ़ंक्शन पैरामीटर पैरामीटरों के साथ नामों का संयोग पैरामीटर-ऑब्जेक्ट

फ़ंक्शन के प्रकार

फ़ंक्शन का स्रोत कोड और परिणाम एक चर के रूप में फ़ंक्शन फ़ंक्शन को दूसरे चर में लिखना चर में फ़ंक्शन निर्दिष्ट करना फ़ंक्शन और चर के नाम का मेल खाना घोषणा के प्रकार फ़ंक्शन घोषणा में अंतर फ़ंक्शन घोषणा करते समय अर्धविराम फ़ंक्शन एक्सप्रेशन की बारीकियाँ नाम वाला फ़ंक्शन, लेकिन फ़ंक्शन एक्सप्रेशन नामित फ़ंक्शन एक्सप्रेशन फ़ंक्शन के प्रकार की जांच कैसे करें बायीं ओर एक्सप्रेशन दायीं ओर एक्सप्रेशन फ़ंक्शन के साथ सरणी फ़ंक्शन के साथ वस्तु फ़ंक्शन वाली वस्तु को लागू करना

नेस्टेड फ़ंक्शन (Nested Functions)

फ़ंक्शन को पैरामीटर के रूप में पास करना नामित फ़ंक्शन (Named Functions) पास किए गए फ़ंक्शन के पैरामीटर संख्या को पैरामीटर के रूप में पास करना अनुप्रयोग आंतरिक फ़ंक्शन (Inner Functions) नेस्टेड फ़ंक्शन की स्कोप (Scope) बाहरी फ़ंक्शन के पैरामीटर बाहरी और आंतरिक फ़ंक्शन के पैरामीटर समान नाम वाले पैरामीटर फ़ंक्शन जो फ़ंक्शन रिटर्न करता है कोई भी नेस्टिंग स्तर रिटर्न किए गए फ़ंक्शन के पैरामीटर कॉलबैक फ़ंक्शन (Callback Functions) कॉलबैक के nuances एरो फ़ंक्शन (Arrow Functions) एरो फ़ंक्शन का अनुप्रयोग अनुवाद के साथ sync

क्लोजर (Closures)

बाहरी वेरिएबल तक पहुंच फ़ंक्शन का लेक्सिकल एनवायरनमेंट लेक्सिकल एनवायरनमेंट का अनुप्रयोग क्लोजर का परिचय क्लोजर पर आधारित काउंटर स्थानीय वेरिएबल की बारीकी ग्लोबल वेरिएबल की बारीकी

IIFE

फ़ंक्शन को तुरंत कॉल करना फ़ंक्शन को वेरिएबल में असाइन करना तुरंत फ़ंक्शन कॉल के अनुप्रयोग गोल कोष्ठक पैरामीटर्स एकाधिक कॉल कठिनाइयाँ सुरक्षा के लिए सेमीकोलन क्लोजर और IIFE

रिकर्सन

परिचय पैरामीटर के साथ उदाहरण रिकर्सन में ऐरे तत्वों का योग बहुआयामी संरचनाएं ऐरे तत्वों का योग संरचनाओं के साथ हेरफेर

पुनरावृत्ति विधियाँ

मैप विधि forEach विधि फ़िल्टर विधि हर विधि कुछ विधि खोजें विधि अनुवाद, कार्य घटाएँ विधि अनुवाद, कार्य

स्प्रेड ऑपरेटर

परिचय अधिक जटिल उदाहरण सरणी के चरम मान सरणियों का विलय स्ट्रिंग्स का विभाजन संख्याओं का विभाजन

ऑपरेटर rest

ऑपरेटर rest अंकों का योग सरणियों को द्वि-आयामी में सरणियों को एक में

डीस्ट्रक्चरिंग

ऐरे डीस्ट्रक्चरिंग फ़ंक्शन से ऐरे ऐरे एलिमेंट्स को छोड़ना ऐरे के एक्स्ट्रा वैल्यूज़ ऐरे का बचा हुआ हिस्सा ऐरे के लिए डिफ़ॉल्ट वैल्यूज़ ऐरे के लिए डिफ़ॉल्ट फ़ंक्शन्स ऐरे के लिए वेरिएबल डिक्लेरेशन ऑब्जेक्ट डीस्ट्रक्चरिंग ऑब्जेक्ट्स के लिए वेरिएबल नेम्स ऑब्जेक्ट्स के लिए डिफ़ॉल्ट वैल्यूज़ ऑब्जेक्ट्स के लिए वेरिएबल्स और डिफ़ॉल्ट वैल्यूज़ ऑब्जेक्ट्स के लिए वेरिएबल डिक्लेरेशन फ़ंक्शन पैरामीटर्स फ़ंक्शन पैरामीटर ऑब्जेक्ट्स की डीस्ट्रक्चरिंग

समय

Date ऑब्जेक्ट के साथ काम फॉर्मेटिंग तारीख फॉर्मेट बदलना सप्ताह के दिन का प्राप्त करना शब्दों में तारीख का आउटपुट समय सेट करना टाइमस्टैम्प फॉर्मेट टाइमस्टैम्प के बीच अंतर तारीख वाले ऑब्जेक्ट्स के बीच अंतर तारीखों का स्वचालित सुधार महीने का आखिरी दिन ढूंढना लीप वर्ष का निर्धारण शुद्धता की जांच वर्तमान वर्ष का दिन प्राप्त करना अगले या पिछले महीने का दिन अगले या पिछले वर्ष का दिन पलों का अंतर दिन का समय बिंदु दिन की शुरुआत दिन का अंत समय के पलों की चक्रीय जांच समय के पल प्राप्त करने पर अभ्यास स्ट्रिंग तुलना बिना वर्ष की तारीख की तुलना अंतराल में तारीख का आना तारीख वाले ऑब्जेक्ट्स की तुलना

DOM का परिचय

परिचय DOM एलिमेंट्स DOM एलिमेंट्स प्राप्त करना DOM एलिमेंट के कॉम्प्लेक्स सेलेक्टर्स हैंडलर्स बाइंड करना नामित हैंडलर्स एक हैंडलर कई एलिमेंट्स पर एक इवेंट के कई हैंडलर्स अलग-अलग इवेंट्स के हैंडलर्स एलिमेंट का टेक्स्ट एलिमेंट का HTML कोड टैग के एट्रिब्यूट्स प्रॉपर्टीज के रूप में टेक्स्ट फील्ड्स के साथ काम टेक्स्ट फील्ड्स का फोकस एक्सेप्शन एट्रिब्यूट्स मेथड्स और प्रॉपर्टीज की चेनिंग चेनिंग के फायदे और नुकसान this ऑब्जेक्ट this का फायदा एलिमेंट्स के ग्रुप को प्राप्त करना लूप में नामित हैंडलर्स लूप में अनाम हैंडलर्स इवेंट हैंडलर्स को अनबाइंड करना लूप में हैंडलर्स को अनबाइंड करना अनाम हैंडलर्स को अनबाइंड करना कोड लिखने के सुझाव गलतियाँ ढूंढने की प्रैक्टिस प्रैक्टिकम

एट्रिब्यूट्स (गुण)

एट्रिब्यूट्स प्राप्त करने की विधि एट्रिब्यूट्स सेट करने की विधि एट्रिब्यूट्स हटाने की विधि एट्रिब्यूट्स जाँचने की विधि कस्टम एट्रिब्यूट्स हाइफ़न वाले एट्रिब्यूट नाम मेथड्स के माध्यम से एट्रिब्यूट्स तक पहुँच CSS क्लासेज़ की सरणी CSS क्लासेज़ जोड़ना CSS क्लासेज़ हटाना CSS क्लासेज़ की जाँच CSS क्लासेज़ टॉगल करना

स्टाइलिंग

स्टाइल एट्रिब्यूट के माध्यम से स्टाइलिंग हाइफ़न वाले प्रॉपर्टीज़ की स्टाइलिंग तत्वों की स्टाइलिंग में अपवाद CSS क्लासेस के माध्यम से स्टाइलिंग CSS क्लासेस की मदद से स्टाइलिंग का फायदा स्टाइलिंग लागू करना

खोज

तत्वों के वंशजों को ढूँढना तत्वों के माता-पिता को ढूँढना तत्वों के सभी माता-पिता की खोज तत्वों के पड़ोसियों की खोज आईडी के आधार पर तत्व खोज टैग नाम के आधार पर तत्व खोज क्लास नाम के आधार पर तत्व खोज तत्व के अंदर खोज

नोड्स

परिचय लूप से नोड्स का पुनरावृत्ति नोड्स का नाम नोड्स का प्रकार नोड्स का टेक्स्ट

फॉर्म

टेक्स्टएरिया के साथ कार्य तत्वों को अक्षम करना चेकबॉक्स के साथ कार्य बिना मान वाली विशेषताओं का वैकल्पिक उपयोग रेडियो बटन के साथ कार्य change इवेंट input इवेंट focus और blur मेथड्स गलतियाँ ढूँढने का अभ्यास

ड्रॉपडाउन सूचियाँ

ड्रॉपडाउन सूचियों के साथ कार्य ड्रॉपडाउन सूचियों में value विशेषता सूची के चयनित आइटम को बदलना सूची के चयनित आइटम की संख्या ड्रॉपडाउन सूची के आइटम प्राप्त करना आइटम एक सरणी के रूप में ड्रॉपडाउन सूची के आइटम के साथ कार्य सूची आइटम का चयन चयनित आइटम प्राप्त करना

ईवेंट ऑब्जेक्ट

ईवेंट ऑब्जेक्ट के साथ काम करने की मूल बातें ईवेंट के निर्देशांक ईवेंट का प्रकार ईवेंट एलिमेंट दबाए गए कीज़ प्राप्त करना मॉडिफायर कीज़ को ट्रैक करना डिफ़ॉल्ट एक्शन रद्द करना ईवेंट बबलिंग बबलिंग के दौरान टार्गेट एलिमेंट ईवेंट बबलिंग रोकना एलिमेंट पर एक से अधिक हैंडलर्स बबलिंग तुरंत रोकना ईवेंट बबलिंग रोकने का उपयोग ईवेंट कैप्चरिंग नए एलिमेंट्स पर हैंडलर्स ईवेंट डेलिगेशन यूनिवर्सल ईवेंट डेलिगेशन

कॉन्टेक्स्ट

कॉन्टेक्स्ट के साथ काम करने की मूल बातें अनबाउंड फ़ंक्शन का कॉन्टेक्स्ट कॉन्टेक्स्ट खोना कॉन्टेक्स्ट समस्या का समाधान वेरिएबल के माध्यम से समाधान पैरामीटर के माध्यम से समाधान एरो फ़ंक्शन के माध्यम से समाधान कॉल मेथड पैरामीटर के साथ कॉल मेथड एप्लाई मेथड बाइंड मेथड

टाइमर्स

टाइमर लॉन्च करना टाइमर पर काउंटर टाइमर रोकना लॉन्च बटन बार-बार लॉन्च स्टॉप बटन DOM के साथ काम टाइमर्स और कॉन्टेक्स्ट खोना टाइमर्स और DOM पर अभ्यास निष्पादन से पहले देरी देरी के माध्यम से टाइमर

तत्वों में हेरफेर

तत्व बनाना और डालना डालते समय इवेंट जोड़ना लूप में तत्व बनाना लूप में हैंडलर जोड़ना तत्व हटाना किनारे पर डालना पहले डालना बगल में डालना टैग बगल में डालना तत्वों की क्लोनिंग तत्वों की जाँच

अभ्यास

सरणी से एलिमेंट बनाना ul सूचियाँ बनाने का अभ्यास टेबल बनाना टेबलों का क्रमिक रूप से भरना सरणी से टेबल बनाना ऑब्जेक्ट्स की सरणी से टेबल बनाना टेबल में पंक्तियाँ और कॉलम जोड़ना टेबल सेल्स को संशोधित करना नए एलिमेंट हटाना एलिमेंट हटाने के लिए लिंक हटाने के लिए लिंक बनाना अलग-अलग एलिमेंट को एडिट करना एडिट करते समय टेक्स्ट छुपाना एलिमेंट्स के समूह में एडिटिंग हटाना और एडिट करना एलिमेंट्स को स्टाइल देना एलिमेंट को छुपाने और दिखाने के बटन दिखाने के बटन वाले कई एलिमेंट एलिमेंट्स को एक्टिवेट करना एक्टिवेशन स्टाइल्स का बारी-बारी से प्रयोग एलिमेंट्स बदलने का अभ्यास

फ़ंक्शन और DOM

DOM एलिमेंट के साथ काम करने के लिए फ़ंक्शन एलिमेंट्स के ग्रुप के साथ काम करने के लिए फ़ंक्शन DOM के साथ काम करने के लिए कॉलबैक पास करना कॉलबैक में क्रम संख्या पास करना एलिमेंट को फ़ंक्शन के पैरामीटर के रूप में पास करना एलिमेंट्स के ग्रुप को पैरामीटर के रूप में पास करना HTML टेबल बनाने के लिए फ़ंक्शन फ़ंक्शन से टेबल वापस लौटाना ऐरे से टेबल बनाने के लिए फ़ंक्शन

क्लोजर के माध्यम से मॉड्यूल

वेरिएबल संघर्ष क्लोजर के माध्यम से मॉड्यूल व्यावहारिक अनुप्रयोग पैरामीटर पास करना पैरेंट एलिमेंट पास करना मॉड्यूल सेटिंग्स पास करना डिफ़ॉल्ट पैरामीटर वेरिएबल और फ़ंक्शन एक्सपोर्ट क्लोजर के माध्यम से मॉड्यूल में ऑब्जेक्ट एक्सपोर्ट क्लोजर के माध्यम से लाइब्रेरी

↑