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>Using methods of array on array of JavaScript objects</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click the above button to apply array methods on array of objects</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let arr = [
      {
         name: "Rohan",
         age: 22,
         rollNo: "A12",
      },
      {
         name: "Mohit",
         age: 12,
         rollNo: "B21",
      },
      {
         name: "Shawn",
         age: 18,
         rollNo: "C43",
      },
   ];
   BtnEle.addEventListener("click", () => {
      arr.pop();
      arr.push({ name: "Michael", age: 17, rollNo: "AC9" });
      arr.splice(1, 1);
      console.log(arr);
   });
</script>
</body>
</html>

आउटपुट

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

जावास्क्रिप्ट वस्तुओं की सरणी पर सरणी के तरीकों का उपयोग करना?

'यहां क्लिक करें' बटन पर क्लिक करने और कंसोल में आउटपुट की जांच करने पर -

जावास्क्रिप्ट वस्तुओं की सरणी पर सरणी के तरीकों का उपयोग करना?


  1. जावास्क्रिप्ट - सरणी वस्तुओं की लंबाई

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

  1. जावास्क्रिप्ट में आईडी द्वारा वस्तुओं की सरणी कैसे समूहित करें?

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

  1. मानचित्र का उपयोग करके किसी ऑब्जेक्ट के अंदर ऑब्जेक्ट्स की पार्सिंग सरणी या जावास्क्रिप्ट का उपयोग करके प्रत्येक के लिए?

    निम्नलिखित कोड है जो किसी ऑब्जेक्ट के अंदर मैप्स का उपयोग करके या जावास्क्रिप्ट का उपयोग करके प्रत्येक के लिए ऑब्जेक्ट्स की सरणी को पार्स करने के लिए कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewp