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

| | | | | | | | |

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

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

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

और यह सब जावास्क्रिप्ट नहीं कर सकता। यदि आप एक से अधिक स्थिर वेब पेज बनाना चाहते हैं, तो हम अनुशंसा करते हैं कि आप JS का उपयोग करें। लेकिन जावास्क्रिप्ट का उपयोग बैक-एंड वेब डेवलपमेंट में या गेम विकसित करने या मोबाइल एप्लिकेशन बनाने के लिए भी किया जा सकता है। जावास्क्रिप्ट सीखने में मुठभेड़। हम जावास्क्रिप्ट की मूलभूत बातों पर चर्चा करेंगे, जिसमें उप-श्रृंखलाएं, कोशिश करें ... कैच ब्लॉक का उपयोग करके परीक्षण कोड, if कथनों का उपयोग करके और बहुत कुछ शामिल हैं। बुनियादी बातों को कवर करने के बाद, हम कुछ और उन्नत जावास्क्रिप्ट सुविधाओं का भी पता लगाएंगे।

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

जावास्क्रिप्ट को फ़िल्टर और सिकोड़ें

जावास्क्रिप्ट में एक सरणी के साथ काम करते समय, आप अपनी वस्तुओं को फ़िल्टर कर सकते हैं या गणना कर सकते हैं। सभी तत्वों पर। मैट्रिक्स के इंटीरियर के लिए। यह वह जगह है जहाँ क्रमशः फ़िल्टर () और reduce () फ़ंक्शन चलन में आते हैं।

Filter () फ़ंक्शन का उपयोग उन मानों को प्राप्त करने के लिए किया जा सकता है जो किसी सरणी से विशेष मानदंडों को पूरा करते हैं। यहां एक फ़िल्टर फ़ंक्शन का एक उदाहरण दिया गया है जो सभी छात्रों को पहली कक्षा लौटाता है:

reduce () मेथड का इस्तेमाल किसी ऐरे को सिंगल वैल्यू में कम करने के लिए किया जा सकता है। उदाहरण के लिए, यदि हम किसी कक्षा में विद्यार्थियों की कुल आयु प्राप्त करना चाहते हैं, तो हम इस कोड का उपयोग कर सकते हैं:

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

JavaScript स्ट्रिंग में शामिल हैं

स्ट्रिंग्स का उपयोग प्रोग्रामिंग में r डिस्प्ले के लिए और टेक्स्ट के साथ किया जाता है। स्ट्रिंग के साथ काम करते समय, आप जांच सकते हैं कि इस स्ट्रिंग में एक निश्चित मान है या नहीं। उदाहरण के लिए, आप जांच सकते हैं कि किसी के नाम में जोन्स है या नहीं।

जावास्क्रिप्ट में आप बिल्ट-इन समझ () का उपयोग करके जांच सकते हैं कि क्या एक स्ट्रिंग में एक सबस्ट्रिंग होता है। यहां शामिल () विधि का एक उदाहरण दिया गया है, जिसका उपयोग यह जांचने के लिए किया जाता है कि क्या किसी स्ट्रिंग में सबस्ट्रिंग है:

जावास्क्रिप्ट स्प्लिट और स्लाइस

अक्सर आपके पास एक स्ट्रिंग हो सकती है जिसे आप सबस्ट्रिंग या ऐरे में विभाजित करना चाहते हैं। ऐसा करने के लिए, आप जावास्क्रिप्ट फ़ंक्शन split () और slice ()

split () फ़ंक्शन आपको एक स्ट्रिंग को एक सरणी में विभाजित करने की अनुमति देता है। उदाहरण के लिए, यदि आप किसी उपयोगकर्ता का पूरा नाम स्ट्रिंग की एक सरणी में बदलना चाहते हैं, तो आप इसका उपयोग कर सकते हैं। स्प्लिट () फंक्शन यहां स्प्लिट () एक्शन का एक उदाहरण दिया गया है:

slice () एक स्ट्रिंग में दो इंडेक्स नंबरों के बीच के सभी वर्णों को लौटाता है, जिससे आप एक सबस्ट्रिंग बना सकते हैं। यहां एक स्लाइस इन एक्शन का एक उदाहरण दिया गया है। p>

जावास्क्रिप्ट कोड splice () का उपयोग किसी ऐरे में किसी भी स्थिति से किसी तत्व को जोड़ने या हटाने के लिए किया जा सकता है। उदाहरण के लिए, यदि आपके पास कर्मचारियों के नामों की सूची है और आप सूची से दूसरे को हटाना चाहते हैं, तो आप splice () का उपयोग कर सकते हैं।

यहां < का एक उदाहरण दिया गया है code>splice () नाम Paul को हटाने के लिए प्रयोग किया जाता है, जिसका मान 3 है, एक सरणी से:

JavaScript Substring

JavaScript code substring ( ) method आपको एक स्ट्रिंग के कुछ हिस्सों को निकालने और वहां एक सबस्ट्रिंग बनाने की अनुमति देता है। उदाहरण के लिए, यदि आप किसी के नाम में अंतिम दो अक्षर प्राप्त करना चाहते हैं, तो आप सबस्ट्रिंग () का उपयोग कर सकते हैं। एक स्ट्रिंग से दो अक्षर:

JavaScript Try Catch

हर डेवलपर कोडिंग करते समय गलती करता है और यह बहुत यह सुनिश्चित करने के लिए महत्वपूर्ण है कि यदि कोई त्रुटि दिखाई देती है, तो उसका उचित उपचार किया जाता है। जावास्क्रिप्ट में हैंडल एरर के लिए ट्राई / कैच ब्लॉक का उपयोग किया जाता है।

जब एक ट्राई / कैच ब्लॉक का उपयोग किया जाता है, तो कोड निष्पादित होगा और कोड में कोई त्रुटि पाए जाने पर एक कस्टम प्रतिक्रिया लौटाएगा। यहाँ एक उदाहरण प्रयास/कैप्चर करने की प्रक्रिया है:

JavaScript If Else

सशर्त कथनों का उपयोग तब किया जाता है जब आप अपना कोड चलाना चाहते हैं केवल तभी जब एक निश्चित मानदंड को पूरा किया जाता है। उदाहरण के लिए, हो सकता है कि आप चाहते हैं कि आपका प्रोग्राम उपयोगकर्ता नाम प्रिंट करे यदि वे एक मान्य नाम में दर्ज किए गए हैं और वेब ब्राउज़र में उपयोगकर्ता को एक संदेश लौटाते हैं यदि उनका नाम अमान्य है।

if/else स्टेटमेंट का उपयोग कुछ कोड को निष्पादित करने के लिए किया जा सकता है यदि एक कथन सत्य है और यदि एक कथन गलत है तो कोड के दूसरे ब्लॉक को निष्पादित करने के लिए उपयोग किया जा सकता है। यहां एक if/else डिक्लेरेशन का सिंटैक्स दिया गया है:

JavaScript स्ट्रिंग बदलें

जावास्क्रिप्ट <द> रिप्लेस () कोड का उपयोग टेक्स्ट स्ट्रिंग में कुछ वर्णों - या वर्णों के अनुक्रम - को बदलने के लिए किया जा सकता है। उदाहरण के लिए, यदि उपयोगकर्ता ने अपना ईमेल बदल दिया है, तो आप उपयोगकर्ता की प्रत्येक घटना के ईमेल पते को स्ट्रिंग में बदलने के लिए replace () का उपयोग कर सकते हैं

के लिए किस जावास्क्रिप्ट का उपयोग किया जाता है, इसका एक उदाहरण यहां दिया गया है कि आप बदलें ():

JavaScript onclick

जब आप एक वेब पेज बनाते हैं तो आप चाहते हैं कि जब कोई उपयोगकर्ता उस पर क्लिक करे तो कुछ करें। बड़ा करें इसे क्लिक किया जाता है। यहीं पर onclick () फ़ंक्शन आता है।

onclick () आपको एक इंटरैक्टिव वेबपेज बनाने की अनुमति देता है ताकि यदि कोई उपयोगकर्ता किसी आइटम पर क्लिक करता है, तो कुछ होगा। यह कैसे काम करता है और आप इसे अपने कोड में कैसे उपयोग कर सकते हैं, इसके बारे में अधिक जानने के लिए ऑनक्लिक () ईवेंट के लिए हमारी मार्गदर्शिका पढ़ें।

JavaScript सॉर्ट सरणी

सरणी के साथ काम करते समय, आप एक विशेष तरीके से सरणी को सॉर्ट करने का निर्णय ले सकते हैं। उदाहरण के लिए, आप नामों की सूची को वर्णानुक्रम में या वोटों की सूची को आरोही क्रम में क्रमबद्ध कर सकते हैं। रास्ता। यहाँ () सॉर्ट फ़ंक्शन का एक उदाहरण दिया गया है जिसका उपयोग छात्र नामों की एक सरणी को वर्णानुक्रम में क्रमबद्ध करने के लिए किया जाता है:

सॉर्ट () फ़ंक्शन का उपयोग उन्नत सॉर्टिंग करने के लिए भी किया जा सकता है यदि आप शैली में एक कस्टम फ़ंक्शन को परिभाषित करते हैं

JavaScript ऑपरेटर टर्नरी

जावास्क्रिप्ट टर्नरी ऑपरेटर्स if ... else हैं जो यह नियंत्रित करते हैं कि कोई शर्त पूरी हुई है या नहीं और कोड के ब्लॉक को निष्पादित करें। उदाहरण के लिए यदि आप यह जांचना चाहते हैं कि क्या वे 18 वर्ष से अधिक हैं और गलत उपयोगकर्ता की आयु है और सत्य लौटाते हैं यदि वे 18 वर्ष से कम हैं तो आप टर्नरी ऑपरेटर का उपयोग कर सकते हैं। p>

टर्नरी ऑपरेटरों का उपयोग अक्सर साधारण if ... else के स्थान पर किया जाता है क्योंकि वे कॉम्पैक्ट होते हैं और एक लाइन पर होते हैं।

यहां एक टर्नरी ऑपरेटर के लिए सिंटैक्स दिया गया है जावास्क्रिप्ट में:

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

जावास्क्रिप्ट में प्रोग्रामिंग करते समय, आप सूची में सभी वस्तुओं के माध्यम से पुनरावृति करना चाह सकते हैं। उदाहरण के लिए, आपके पास विक्रेता नामों की एक सूची हो सकती है जिसे आप उपयोगकर्ता के लिए मुद्रित करना चाहते हैं। आप इस फ़ंक्शन को बनाने के लिए forEach लूप का उपयोग कर सकते हैं

<कोड > forEach लूप एक loop का एक रूप है जो एक सरणी के प्रत्येक तत्व पर एक बार एक कार्य करता है। यहां एक forEach स्टेटमेंट के लिए सिंटैक्स दिया गया है जो कंपनियों की सूची के माध्यम से पुनरावृत्त होता है और प्रत्येक को एक नई लाइन पर प्रिंट करता है:

, आपको प्रति प्रक्रिया एक बार कोड लिखने की अनुमति देता है, और अपने प्रोग्राम में उस कोड का कई बार उपयोग करने की अनुमति देता है। इसे एक फ़ंक्शन बनाएं, इसलिए मुझे वेब पेज पर प्रत्येक फ़ील्ड फॉर्म के लिए कोड के ब्लॉक को दोहराना नहीं है।

p> जावास्क्रिप्ट फ़ंक्शन का एक उदाहरण यहां दिया गया है:

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

JavaScript या तो

जावास्क्रिप्ट कीवर्ड let घोषित करने की अनुमति देता है एक ब्लॉक-फ़ील्ड, लोकेल वैरिएबल जिसे पुन: असाइन किया जा सकता है। var वेरिएबल के विपरीत let वेरिएबल केवल एक दिए गए कोड ब्लॉक में ही एक्सेस किए जा सकते हैं, लेकिन उन्हें var वेरिएबल के रूप में फिर से असाइन किया जा सकता है।

let का उपयोग करके एक वेरिएबल घोषित करना var के समान काम करता है:

जावास्क्रिप्ट पर हमारा पूरा लेख पढ़ें चलो var, const और चलो, साथ ही उन सभी का सही तरीके से उपयोग कैसे करें।

जावास्क्रिप्ट सरणी दबाएं

किसी सरणी के साथ काम करते समय, आप इस सरणी में एक तत्व जोड़ सकते हैं। यह वह जगह है जहां पुश () जावास्क्रिप्ट आता है। आप किसी तत्व को किसी सरणी के अंत में जोड़ने के लिए पुश () का उपयोग कर सकते हैं। यहां इस्तेमाल की गई पुश () विधि का एक उदाहरण दिया गया है:

आउटपुट:

आप किसी ऐरे से तत्व जोड़ने के लिए अनशिफ्ट () का भी उपयोग कर सकते हैं। unshift () push () की तरह ही काम करता है और उसी तर्क को स्वीकार करता है।

निष्कर्ष

JavaScript एक प्रोग्रामिंग टूल है। गतिशील वेब पेज बनाने के लिए इस्तेमाल की जाने वाली भाषा। इस गाइड में, हमने कुछ पर चर्चा की - कुछ ऑपरेशन जो शुरुआती लोगों द्वारा उपयोग किए जाने वाले सबसे सामान्य जावास्क्रिप्ट हैं। हमने onClick से लेकर स्ट्रिंग बदलने, आपकी ज़रूरतों को पूरा करने के लिए डेटा काटने तक सब कुछ शामिल कर लिया है।

यह मैनुअल केवल शुरुआती लोगों के लिए नहीं है। जैसे ही आप जावास्क्रिप्ट सीखने की अपनी यात्रा जारी रखते हैं, आपको इस गाइड पर वापस आना चाहिए और खो जाने पर आपकी मदद के लिए इसका उपयोग करना चाहिए। हम इस लेख को अपडेट रखेंगे ताकि यदि आपके पास एक सामान्य जावास्क्रिप्ट ऑपरेशन के बारे में कोई प्रश्न है, तो आप ` शायद यह यहाँ मिल जाएगा।

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method