Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में ऑब्जेक्ट प्रॉपर्टी नाम की सरणी को बदलना


जावास्क्रिप्ट में ऑब्जेक्ट प्रॉपर्टी नाम की सरणी को बदलने के लिए निम्नलिखित कोड है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Replacing array of object property name</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click the above button to change the property name of an object in array</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let resEle = document.querySelector(".result");
   var person = [
      { name: "Rohan Sharma", age: 16 },
      { name: "Vinit Mehta", age: 18 },
   ];
   person = person.map((item) => {
      return {
         fullName: item.name,
         age: item.age,
      };
   });
   BtnEle.addEventListener("click", () => {
      person.forEach((item) => {
         resEle.innerHTML += "fullName = " + item.fullName + " : Age = " + item.age + "";
      });
   });
</script>
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

जावास्क्रिप्ट में ऑब्जेक्ट प्रॉपर्टी नाम की सरणी को बदलना

'यहां क्लिक करें' बटन पर क्लिक करने पर -

जावास्क्रिप्ट में ऑब्जेक्ट प्रॉपर्टी नाम की सरणी को बदलना


  1. जावास्क्रिप्ट वेबएपीआई फ़ाइल File.name संपत्ति

    JavaScript फ़ाइल WebAPI file.name गुण पथ के बिना केवल फ़ाइल का नाम देता है। File WebApi File.name प्रॉपर्टी के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="

  1. जावास्क्रिप्ट ऑब्जेक्ट को नए ऐरे में फ़ॉर्मेट करना

    जावास्क्रिप्ट ऑब्जेक्ट को नए ऐरे में प्रारूपित करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <ti

  1. जावास्क्रिप्ट में ES6 संपत्ति आशुलिपि

    ES6 में, यदि ऑब्जेक्ट कुंजी नाम और वेरिएबल्स को गुण मान के रूप में पास किया गया है, तो उनका नाम समान है, तो हम केवल मान नाम को छोड़ सकते हैं और केवल कुंजी नाम निर्दिष्ट कर सकते हैं। जावास्क्रिप्ट में प्रॉपर्टी शॉर्टहैंड के लिए कोड निम्नलिखित है - उदाहरण दस्तावेज़ बॉडी { फॉन्ट-फ़ैमिली:सेगो यूआई, ताह