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

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके JS दिनांक सेट विधियाँ जे एस मठ जे एस रैंडम जे एस बूलियन्स जेएस तुलना जे एस शर्तें जे एस स्विच जेएस लूप फॉर 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.जेएस

जेएस उदाहरण

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

जे एस संदर्भ

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


जावास्क्रिप्ट ऑब्जेक्ट्स


जावास्क्रिप्ट में, वस्तुएं राजा हैं। यदि आप वस्तुओं को समझते हैं, तो आप जावास्क्रिप्ट को समझते हैं।


जावास्क्रिप्ट में, लगभग "सब कुछ" एक वस्तु है।

  • newबूलियन ऑब्जेक्ट हो सकते हैं (यदि कीवर्ड के साथ परिभाषित किया गया है )
  • newनंबर ऑब्जेक्ट हो सकते हैं (यदि कीवर्ड से परिभाषित किया गया है )
  • newस्ट्रिंग्स ऑब्जेक्ट हो सकते हैं (यदि कीवर्ड के साथ परिभाषित किया गया है )
  • तिथियां हमेशा वस्तुएं होती हैं
  • गणित हमेशा वस्तु होते हैं
  • रेगुलर एक्सप्रेशन हमेशा ऑब्जेक्ट होते हैं
  • सरणियाँ हमेशा वस्तुएँ होती हैं
  • फंक्शन हमेशा ऑब्जेक्ट होते हैं
  • वस्तुएं हमेशा वस्तुएं होती हैं

आदिम को छोड़कर सभी JavaScript मान ऑब्जेक्ट हैं।


जावास्क्रिप्ट आदिम

एक आदिम मूल्य एक ऐसा मूल्य है जिसमें कोई गुण या विधियाँ नहीं होती हैं।

एक आदिम डेटा प्रकार वह डेटा होता है जिसका एक आदिम मूल्य होता है।

जावास्क्रिप्ट 5 प्रकार के आदिम डेटा प्रकारों को परिभाषित करता है:

  • string
  • number
  • boolean
  • null
  • undefined

आदिम मान अपरिवर्तनीय हैं (वे हार्डकोडेड हैं और इसलिए इन्हें बदला नहीं जा सकता)।

यदि x = 3.14 है, तो आप x का मान बदल सकते हैं। लेकिन आप 3.14 का मान नहीं बदल सकते।

मूल्यप्रकारटिप्पणी
"नमस्ते"डोरी"हैलो" हमेशा "हैलो" होता है
3.14संख्या3.14 हमेशा 3.14 . होता है
सचबूलियनसच हमेशा सच होता है
असत्यबूलियनझूठा हमेशा झूठा होता है
शून्यशून्य (वस्तु)शून्य हमेशा शून्य होता है
अपरिभाषितअपरिभाषितअपरिभाषित हमेशा अपरिभाषित होता है

वस्तुएं चर हैं

जावास्क्रिप्ट चर में एकल मान हो सकते हैं:

उदाहरण

let person = "John Doe";

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

वस्तुएँ भी चर हैं। लेकिन वस्तुओं में कई मूल्य हो सकते हैं।

वस्तु मूल्यों को नाम के रूप में लिखा जाता है: मूल्य जोड़े (नाम और मूल्य कोलन द्वारा अलग किया जाता है)।

उदाहरण

let person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

जावास्क्रिप्ट ऑब्जेक्ट नामित मानों का एक संग्रह है

constकीवर्ड के साथ ऑब्जेक्ट घोषित करना एक आम बात है ।

उदाहरण

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};


वस्तु गुण

जावास्क्रिप्ट ऑब्जेक्ट्स में नामित मानों को गुण कहा जाता है ।

संपत्ति मूल्य
पहला नाम जॉन
अंतिम नाम हरिणी
उम्र 50
आँखों का रंग नीला

नाम मान जोड़े के रूप में लिखी गई वस्तुएं समान हैं:

  • PHP में साहचर्य सरणियाँ
  • पायथन में शब्दकोश
  • सी . में हैश टेबल
  • जावा में हैश मैप्स
  • रूबी और पर्ली में हैश

वस्तु के तरीके

विधियाँ ऐसी क्रियाएं हैं जो वस्तुओं पर की जा सकती हैं।

ऑब्जेक्ट गुण आदिम मान, अन्य ऑब्जेक्ट और फ़ंक्शन दोनों हो सकते हैं।

एक ऑब्जेक्ट विधि एक ऑब्जेक्ट प्रॉपर्टी है जिसमें फ़ंक्शन परिभाषा होती है

संपत्ति मूल्य
पहला नाम जॉन
अंतिम नाम हरिणी
उम्र 50
आँखों का रंग नीला
पूरा नाम फ़ंक्शन () {इसे लौटाएं। पहला नाम + "" + यह अंतिम नाम;}

जावास्क्रिप्ट ऑब्जेक्ट नामित मानों के लिए कंटेनर हैं, जिन्हें गुण और विधियाँ कहा जाता है।

आप अगले अध्यायों में विधियों के बारे में अधिक जानेंगे।


जावास्क्रिप्ट ऑब्जेक्ट बनाना

जावास्क्रिप्ट के साथ, आप अपनी खुद की वस्तुओं को परिभाषित और बना सकते हैं।

नई वस्तुएँ बनाने के विभिन्न तरीके हैं:

  • एक वस्तु शाब्दिक का उपयोग करके, एक एकल वस्तु बनाएँ।
  • कीवर्ड के साथ एकल ऑब्जेक्ट बनाएं new
  • ऑब्जेक्ट कंस्ट्रक्टर को परिभाषित करें, और फिर निर्मित प्रकार के ऑब्जेक्ट बनाएं।
  • का उपयोग करके एक वस्तु बनाएँ Object.create()

किसी वस्तु का शाब्दिक उपयोग करना

जावास्क्रिप्ट ऑब्जेक्ट बनाने का यह सबसे आसान तरीका है।

ऑब्जेक्ट लिटरल का उपयोग करते हुए, आप दोनों एक स्टेटमेंट में ऑब्जेक्ट को परिभाषित और बनाते हैं।

एक वस्तु शाब्दिक नाम की एक सूची है: घुंघराले ब्रेसिज़ {} के अंदर मूल्य जोड़े (जैसे उम्र: 50)।

निम्न उदाहरण चार गुणों के साथ एक नया JavaScript ऑब्जेक्ट बनाता है:

उदाहरण

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

रिक्त स्थान और लाइन ब्रेक महत्वपूर्ण नहीं हैं। एक वस्तु परिभाषा कई पंक्तियों को फैला सकती है:

उदाहरण

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

यह उदाहरण एक खाली JavaScript ऑब्जेक्ट बनाता है, और फिर 4 गुण जोड़ता है:

उदाहरण

const person = {};
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

जावास्क्रिप्ट कीवर्ड का प्रयोग नया

निम्न उदाहरण का उपयोग करके एक नया जावास्क्रिप्ट ऑब्जेक्ट बनाते हैं new Object(), और फिर 4 गुण जोड़ता है:

उदाहरण

const person = new Object();
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

ऊपर दिए गए उदाहरण बिल्कुल वैसा ही करते हैं।

लेकिन उपयोग करने की कोई आवश्यकता नहीं है new Object()

पठनीयता, सरलता और निष्पादन गति के लिए, वस्तु शाब्दिक पद्धति का उपयोग करें।


जावास्क्रिप्ट ऑब्जेक्ट म्यूटेबल हैं

वस्तुएं परिवर्तनशील हैं: उन्हें संदर्भ द्वारा संबोधित किया जाता है, मूल्य से नहीं।

यदि व्यक्ति एक वस्तु है, तो निम्नलिखित कथन व्यक्ति की प्रतिलिपि नहीं बनाएगा:

const x = person;  // Will not create a copy of person.

वस्तु x व्यक्ति की प्रति नहीं हैयह व्यक्ति है । x और व्यक्ति दोनों एक ही वस्तु हैं।

x में कोई भी परिवर्तन व्यक्ति को भी बदल देगा, क्योंकि x और व्यक्ति एक ही वस्तु हैं।

उदाहरण

const person = {
  firstName:"John",
  lastName:"Doe",
  age:50, eyeColor:"blue"
}

const x = person;
x.age = 10;      // Will change both x.age and person.age