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

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

जेएस उदाहरण

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

जे एस संदर्भ

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


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


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


जावास्क्रिप्ट गुण

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

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

गुण आमतौर पर बदले, जोड़े और हटाए जा सकते हैं, लेकिन कुछ केवल पढ़े जाते हैं।


जावास्क्रिप्ट गुणों तक पहुंचना

किसी वस्तु की संपत्ति तक पहुँचने के लिए वाक्य रचना है:

objectName.property      // person.age

या

objectName["property"]   // person["age"]

या

objectName[expression]   // x = "age"; person[x]

एक्सप्रेशन को किसी प्रॉपर्टी के नाम का मूल्यांकन करना चाहिए।

उदाहरण 1

person.firstname + " is " + person.age + " years old.";

उदाहरण 2

person["firstname"] + " is " + person["age"] + " years old.";


के लिए जावास्क्रिप्ट... लूप में

जावास्क्रिप्ट for...inस्टेटमेंट किसी वस्तु के गुणों के माध्यम से लूप करता है।

वाक्य - विन्यास

for (let variable in object) {
  // code to be executed
}

लूप के अंदर कोड का ब्लॉक for...inप्रत्येक संपत्ति के लिए एक बार निष्पादित किया जाएगा।

किसी वस्तु के गुणों के माध्यम से लूपिंग:

उदाहरण

const person = {
  fname:" John",
  lname:" Doe",
  age: 25
};

for (let x in person) {
  txt += person[x];
}

नई गुण जोड़ना

आप किसी मौजूदा वस्तु को केवल एक मान देकर उसमें नए गुण जोड़ सकते हैं।

मान लें कि व्यक्ति वस्तु पहले से मौजूद है - फिर आप इसे नए गुण दे सकते हैं:

उदाहरण

person.nationality = "English";

गुण हटाना

deleteकीवर्ड किसी ऑब्जेक्ट से किसी प्रॉपर्टी को हटाता है :

उदाहरण

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

delete person.age;

या व्यक्ति को हटाएं ["आयु"];

उदाहरण

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

delete person["age"];

कीवर्ड संपत्ति के deleteमूल्य और संपत्ति दोनों को ही हटा देता है।

हटाने के बाद, संपत्ति को फिर से जोड़ने से पहले उसका उपयोग नहीं किया जा सकता है।

deleteऑपरेटर को ऑब्जेक्ट गुणों पर उपयोग करने के लिए डिज़ाइन किया गया है इसका चर या कार्यों पर कोई प्रभाव नहीं पड़ता है।

पूर्वनिर्धारित जावास्क्रिप्ट ऑब्जेक्ट गुणों पर ऑपरेटर का deleteउपयोग नहीं किया जाना चाहिए। यह आपके एप्लिकेशन को क्रैश कर सकता है।


नेस्टेड ऑब्जेक्ट्स

किसी वस्तु में मान दूसरी वस्तु हो सकते हैं:

उदाहरण

myObj = {
  name:"John",
  age:30,
  cars: {
    car1:"Ford",
    car2:"BMW",
    car3:"Fiat"
  }
}

आप डॉट नोटेशन या ब्रैकेट नोटेशन का उपयोग करके नेस्टेड ऑब्जेक्ट तक पहुंच सकते हैं:

उदाहरण

myObj.cars.car2;

या:

उदाहरण

myObj.cars["car2"];

या:

उदाहरण

myObj["cars"]["car2"];

या:

उदाहरण

let p1 = "cars";
let p2 = "car2";
myObj[p1][p2];

नेस्टेड सरणियाँ और वस्तुएँ

वस्तुओं में मान सरणियाँ हो सकते हैं, और सरणियों में मान वस्तुएँ हो सकते हैं:

उदाहरण

const myObj = {
  name: "John",
  age: 30,
  cars: [
    {name:"Ford", models:["Fiesta", "Focus", "Mustang"]},
    {name:"BMW", models:["320", "X3", "X5"]},
    {name:"Fiat", models:["500", "Panda"]}
  ]
}

सरणियों के अंदर सरणियों तक पहुँचने के लिए, प्रत्येक सरणी के लिए फॉर-इन लूप का उपयोग करें:

उदाहरण

for (let i in myObj.cars) {
  x += "<h1>" + myObj.cars[i].name + "</h1>";
  for (let j in myObj.cars[i].models) {
    x += myObj.cars[i].models[j];
  }
}

संपत्ति गुण

सभी संपत्तियों का एक नाम है। इसके अलावा उनका एक मूल्य भी है।

मूल्य संपत्ति की विशेषताओं में से एक है।

अन्य विशेषताएँ हैं: गणनीय, विन्यास योग्य और लिखने योग्य।

ये विशेषताएँ परिभाषित करती हैं कि संपत्ति तक कैसे पहुँचा जा सकता है (क्या यह पठनीय है?, क्या यह लिखने योग्य है?)

जावास्क्रिप्ट में, सभी विशेषताओं को पढ़ा जा सकता है, लेकिन केवल मूल्य विशेषता को बदला जा सकता है (और केवल अगर संपत्ति लिखने योग्य है)।

(ईसीएमएस्क्रिप्ट 5 में सभी संपत्ति विशेषताओं को प्राप्त करने और सेट करने दोनों के तरीके हैं)


प्रोटोटाइप गुण

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

कीवर्ड विरासत में deleteमिली संपत्तियों को नहीं हटाता है, लेकिन यदि आप एक प्रोटोटाइप संपत्ति को हटाते हैं, तो यह प्रोटोटाइप से विरासत में मिली सभी वस्तुओं को प्रभावित करेगा।