जेएस ट्यूटोरियल

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके जे एस दिनांक सेट तरीके जे एस मठ जे एस रैंडम जे एस बूलियन्स जेएस तुलना जे एस शर्तें जे एस स्विच जेएस लूप फॉर In . के लिए JS लूप ओएफ के लिए जेएस लूप जेएस लूप जबकि जेएस ब्रेक जेएस Iterables जेएस सेट जेएस मैप्स जेएस टाइपोफ जे एस प्रकार रूपांतरण जेएस बिटवाइज जेएस रेगएक्सपी जे एस त्रुटियाँ जेएस स्कोप जे एस उत्थापन जेएस सख्त मोड जेएस यह कीवर्ड जेएस एरो फंक्शन जेएस क्लासेस जेएस JSON जेएस डिबगिंग जेएस स्टाइल गाइड जेएस सर्वोत्तम अभ्यास जेएस गलतियाँ जेएस प्रदर्शन जेएस आरक्षित शब्द

जेएस संस्करण

जेएस संस्करण जेएस 2009 (ES5) जेएस 2015 (ईएस6) जेएस 2016 जेएस 2017 जेएस 2018 जेएस आईई / एज जेएस इतिहास

जेएस ऑब्जेक्ट्स

वस्तु परिभाषाएँ वस्तु गुण वस्तु के तरीके वस्तु प्रदर्शन ऑब्जेक्ट एक्सेसर्स वस्तु निर्माता वस्तु प्रोटोटाइप वस्तु पुनरावर्तनीय वस्तु समूह वस्तु मानचित्र वस्तु संदर्भ

जे एस कार्य

फ़ंक्शन परिभाषाएँ फंक्शन पैरामीटर्स समारोह आमंत्रण फंक्शन कॉल समारोह लागू करें फंक्शन क्लोजर

जेएस क्लासेस

कक्षा परिचय वर्ग वंशानुक्रम क्लास स्टेटिक

जे एस एसिंक

जेएस कॉलबैक जे एस अतुल्यकालिक जे एस वादा जे एस एसिंक/प्रतीक्षा

जेएस एचटीएमएल डोम

डोम परिचय डोम तरीके डोम दस्तावेज़ डोम तत्व डोम एचटीएमएल डोम फॉर्म डोम सीएसएस डोम एनिमेशन डोम घटनाक्रम डोम इवेंट श्रोता डोम नेविगेशन डोम नोड्स डोम संग्रह डोम नोड सूचियाँ

जेएस ब्राउज़र बीओएम

जेएस विंडो जेएस स्क्रीन जेएस स्थान जेएस इतिहास जेएस नेविगेटर जेएस पॉपअप अलर्ट जेएस टाइमिंग जे एस कुकीज़

जेएस वेब एपीआई

वेब एपीआई परिचय वेब फॉर्म एपीआई वेब इतिहास एपीआई वेब संग्रहण API वेब वर्कर एपीआई वेब फ़ेच एपीआई वेब जियोलोकेशन एपीआई

जे एस अजाक्स

AJAX परिचय अजाक्स एक्सएमएलएचटीपी अजाक्स अनुरोध अजाक्स प्रतिक्रिया अजाक्स एक्सएमएल फ़ाइल अजाक्स पीएचपी अजाक्स एएसपी AJAX डेटाबेस अजाक्स अनुप्रयोग अजाक्स उदाहरण

जेएस JSON

JSON परिचय JSON सिंटैक्स जेएसओएन बनाम एक्सएमएल JSON डेटा प्रकार JSON पार्स JSON स्ट्रिंगिफ़ाई JSON ऑब्जेक्ट्स JSON सरणियाँ JSON सर्वर जेएसओएन पीएचपी जेएसओएन एचटीएमएल जेएसओएन जेएसओएनपी

जेएस बनाम jQuery

jQuery चयनकर्ता jQuery एचटीएमएल jQuery सीएसएस jQuery डोम

जेएस ग्राफिक्स

जेएस ग्राफिक्स जेएस कैनवास जे एस प्लॉटली जेएस चार्ट.जेएस जेएस गूगल चार्ट जेएस डी3.जेएस

जेएस उदाहरण

जेएस उदाहरण जेएस एचटीएमएल डोम जेएस एचटीएमएल इनपुट जेएस एचटीएमएल ऑब्जेक्ट्स जेएस एचटीएमएल इवेंट्स जेएस ब्राउज़र जे एस संपादक जे एस व्यायाम जे एस प्रश्नोत्तरी जेएस प्रमाणपत्र

जे एस संदर्भ

जावास्क्रिप्ट ऑब्जेक्ट्स एचटीएमएल डोम ऑब्जेक्ट्स


जावास्क्रिप्ट चर

जावास्क्रिप्ट चर घोषित करने के 4 तरीके:

  • का उपयोग करते हुएvar
  • का उपयोग करते हुएlet
  • का उपयोग करते हुएconst
  • कुछ नहीं का उपयोग करना

चर क्या हैं?

चर डेटा संग्रहीत करने के लिए कंटेनर हैं (डेटा मानों को संग्रहीत करना)।

इस उदाहरण में, x, y, और , वेरिएबल हैं, जिन्हें कीवर्ड zके साथ घोषित किया गया है :var

उदाहरण

var x = 5;
var y = 6;
var z = x + y;

इस उदाहरण में, x, y, और , वेरिएबल हैं, जिन्हें कीवर्ड zके साथ घोषित किया गया है :let

उदाहरण

let x = 5;
let y = 6;
let z = x + y;

इस उदाहरण में, x, y, और z, अघोषित चर हैं:

उदाहरण

x = 5;
y = 6;
z = x + y;

उपरोक्त सभी उदाहरणों से आप अनुमान लगा सकते हैं:

  • x मान 5 . स्टोर करता है
  • y मान 6 . स्टोर करता है
  • z मान 11 . स्टोर करता है

जावास्क्रिप्ट संस्करण का उपयोग कब करें?

हमेशा var, let, या के साथ JavaScript वैरिएबल घोषित करें const

var1995 से 2015 तक सभी जावास्क्रिप्ट कोड में कीवर्ड का उपयोग किया जाता है

और कीवर्ड्स को 2015 में जावास्क्रिप्ट में जोड़ा गया था letconst

यदि आप चाहते हैं कि आपका कोड पुराने ब्राउज़र में चले, तो आपको var.


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

यदि आप एक सामान्य नियम चाहते हैं: हमेशा के साथ चर घोषित करें const

यदि आपको लगता है कि चर का मान बदल सकता है, तो उपयोग करें let

इस उदाहरण में, price1, price2, और total, चर हैं:

उदाहरण

const price1 = 5;
const price2 = 6;
let total = price1 + price2;

दो चर price1और कीवर्ड price2 के साथ घोषित किए जाते हैं ।const

ये स्थिर मान हैं और इन्हें बदला नहीं जा सकता।

चर कीवर्ड totalके साथ घोषित किया गया है ।let

यह एक ऐसा मूल्य है जिसे बदला जा सकता है।


बीजगणित की तरह

बीजगणित की तरह ही, चर मान धारण करते हैं:

let x = 5;
let y = 6;

बीजगणित की तरह ही, भावों में चर का उपयोग किया जाता है:

let z = x + y;

ऊपर के उदाहरण से, आप अनुमान लगा सकते हैं कि कुल की गणना 11 है।

ध्यान दें

वैरिएबल वैल्यू स्टोर करने के लिए कंटेनर हैं।



जावास्क्रिप्ट पहचानकर्ता

सभी JavaScript चरों की पहचान अद्वितीय नामों से की जानी चाहिए .

इन अद्वितीय नामों को पहचानकर्ता कहा जाता है ।

पहचानकर्ता छोटे नाम (जैसे x और y) या अधिक वर्णनात्मक नाम (आयु, योग, कुल मात्रा) हो सकते हैं।

चर (अद्वितीय पहचानकर्ता) के लिए नाम बनाने के सामान्य नियम हैं:

  • नामों में अक्षर, अंक, अंडरस्कोर और डॉलर चिह्न हो सकते हैं।
  • नाम एक अक्षर से शुरू होने चाहिए
  • नाम $ और _ से भी शुरू हो सकते हैं (लेकिन हम इस ट्यूटोरियल में इसका उपयोग नहीं करेंगे)
  • नाम केस संवेदी होते हैं (y और Y भिन्न चर हैं)
  • आरक्षित शब्द (जैसे जावास्क्रिप्ट कीवर्ड) नाम के रूप में उपयोग नहीं किए जा सकते हैं

ध्यान दें

जावास्क्रिप्ट पहचानकर्ता केस-संवेदी होते हैं।


असाइनमेंट ऑपरेटर

जावास्क्रिप्ट में, बराबर चिह्न ( =) एक "असाइनमेंट" ऑपरेटर है, न कि "बराबर" ऑपरेटर।

यह बीजगणित से भिन्न है। बीजगणित में निम्नलिखित का कोई अर्थ नहीं है:

x = x + 5

जावास्क्रिप्ट में, हालांकि, यह सही समझ में आता है: यह x + 5 से x का मान निर्दिष्ट करता है।

(यह x + 5 के मान की गणना करता है और परिणाम को x में डालता है। x का मान 5 से बढ़ा दिया जाता है।)

ध्यान दें

"बराबर" ऑपरेटर को ==जावास्क्रिप्ट की तरह लिखा जाता है।


जावास्क्रिप्ट डेटा प्रकार

जावास्क्रिप्ट चर में 100 जैसी संख्याएँ और "जॉन डो" जैसे पाठ मान हो सकते हैं।

प्रोग्रामिंग में, टेक्स्ट वैल्यू को टेक्स्ट स्ट्रिंग्स कहा जाता है।

जावास्क्रिप्ट कई प्रकार के डेटा को संभाल सकता है, लेकिन अभी के लिए, केवल संख्याओं और स्ट्रिंग्स के बारे में सोचें।

स्ट्रिंग्स डबल या सिंगल कोट्स के अंदर लिखी जाती हैं। अंक बिना उद्धरण के लिखे जाते हैं।

यदि आप उद्धरणों में कोई संख्या डालते हैं, तो इसे एक पाठ स्ट्रिंग के रूप में माना जाएगा।

उदाहरण

const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';

एक जावास्क्रिप्ट चर घोषित करना

जावास्क्रिप्ट में एक वेरिएबल बनाना एक वेरिएबल "घोषणा" कहलाता है।

varआप या letकीवर्ड के साथ JavaScript वैरिएबल घोषित करते हैं :

var carName;
या:
let carName;

घोषणा के बाद, चर का कोई मूल्य नहीं है (तकनीकी रूप से यह है undefined)।

चर को मान निर्दिष्ट करने के लिए, बराबर चिह्न का उपयोग करें:

carName = "Volvo";

जब आप इसे घोषित करते हैं तो आप चर के लिए एक मान भी निर्दिष्ट कर सकते हैं:

let carName = "Volvo";

नीचे दिए गए उदाहरण में, हम एक वैरिएबल बनाते हैं जिसे carName"वोल्वो" कहा जाता है और उसे मान देते हैं।

फिर हम id="demo" के साथ HTML पैराग्राफ़ के अंदर मान को "आउटपुट" करते हैं:

उदाहरण

<p id="demo"></p>

<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>

ध्यान दें

एक स्क्रिप्ट की शुरुआत में सभी चर घोषित करने के लिए यह एक अच्छा प्रोग्रामिंग अभ्यास है।


एक कथन, अनेक चर

आप एक स्टेटमेंट में कई वेरिएबल घोषित कर सकते हैं।

कथन को प्रारंभ करें और अल्पविरामvar द्वारा चरों को अलग करें :

उदाहरण

let person = "John Doe", carName = "Volvo", price = 200;

एक घोषणा कई पंक्तियों तक फैल सकती है:

उदाहरण

let person = "John Doe",
carName = "Volvo",
price = 200;

मान = अपरिभाषित

कंप्यूटर प्रोग्राम में, वेरिएबल्स को अक्सर बिना किसी मूल्य के घोषित किया जाता है। मान कुछ ऐसा हो सकता है जिसकी गणना की जानी है, या कुछ ऐसा जो बाद में प्रदान किया जाएगा, जैसे उपयोगकर्ता इनपुट।

एक मूल्य के बिना घोषित एक चर का मूल्य होगा undefined

undefinedइस कथन के निष्पादन के बाद परिवर्तनीय कारनाम का मान होगा :

उदाहरण

let carName;

जावास्क्रिप्ट चर को फिर से घोषित करना

यदि आप के साथ घोषित जावास्क्रिप्ट चर को फिर से घोषित करते हैं var, तो यह अपना मूल्य नहीं खोएगा।

इन कथनों के निष्पादन के बाद भी वेरिएबल carNameका मान "वोल्वो" रहेगा:

उदाहरण

var carName = "Volvo";
var carName;

ध्यान दें

letआप या के साथ घोषित चर को फिर से घोषित नहीं कर सकते const

यह काम नहीं करेगा:

let carName = "Volvo";
let carName;

जावास्क्रिप्ट अंकगणित

=बीजगणित की तरह, आप और जैसे ऑपरेटरों का उपयोग करके जावास्क्रिप्ट चर के साथ अंकगणित कर सकते हैं +:

उदाहरण

let x = 5 + 2 + 3;

आप स्ट्रिंग्स भी जोड़ सकते हैं, लेकिन स्ट्रिंग्स को आपस में जोड़ा जाएगा:

उदाहरण

let x = "John" + " " + "Doe";

इसे भी आजमाएं:

उदाहरण

let x = "5" + 2 + 3;

ध्यान दें

यदि आप किसी संख्या को उद्धरणों में रखते हैं, तो शेष संख्याओं को तार के रूप में माना जाएगा, और संयोजित किया जाएगा।

अब इसे आजमाएं:

उदाहरण

let x = 2 + 3 + "5";

जावास्क्रिप्ट डॉलर साइन $

चूंकि जावास्क्रिप्ट डॉलर के चिह्न को एक अक्षर के रूप में मानता है, इसलिए $ वाले पहचानकर्ता मान्य चर नाम हैं:

उदाहरण

let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;

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

उदाहरण के लिए, जावास्क्रिप्ट लाइब्रेरी jQuery में, मुख्य फ़ंक्शन $का उपयोग HTML तत्वों का चयन करने के लिए किया जाता है। JQuery में $("p");"सभी p तत्वों का चयन करें" का अर्थ है।


जावास्क्रिप्ट अंडरस्कोर (_)

चूंकि जावास्क्रिप्ट अंडरस्कोर को एक अक्षर के रूप में मानता है, _ वाले पहचानकर्ता मान्य चर नाम हैं:

उदाहरण

let _lastName = "Johnson";
let _x = 2;
let _100 = 5;

जावास्क्रिप्ट में अंडरस्कोर का उपयोग करना बहुत आम नहीं है, लेकिन पेशेवर प्रोग्रामर के बीच एक परंपरा इसे "निजी (छिपे हुए)" चर के लिए उपनाम के रूप में उपयोग करना है।


व्यायाम के साथ खुद को परखें

व्यायाम:

नामक एक वैरिएबल बनाएं carNameऔर उसे मान असाइन करें Volvo

var  = "";