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,.sample {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
   .result {
      color: red;
   }
</style>
</head>
<body>
<h1>Reduce method for objects in JavaScript</h1>
<div class="sample">{ a:6, b:2, c:9, d:5, }</div>
<div class="result"><br /></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to multiply the above object values together</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let multiplyObj = {
      a: 6,
      b: 2,
      c: 9,
      d: 5,
   };
   BtnEle.addEventListener("click", () => {
      let multiplyTotal = Object.values(multiplyObj).reduce((a, b) => a * b);
      resEle.innerHTML += "Multiplication of the object values = " + multiplyTotal;
   });
</script>
</body>
</html>

आउटपुट

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

जावास्क्रिप्ट में वस्तुओं के लिए कम करने की विधि कैसे लागू करें?

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

जावास्क्रिप्ट में वस्तुओं के लिए कम करने की विधि कैसे लागू करें?


  1. जावास्क्रिप्ट में ब्याह () विधि का उपयोग करके तत्वों को कैसे निकालें?

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

  1. जावास्क्रिप्ट में सरणियों को कैसे कम करें?

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

  1. जावास्क्रिप्ट स्क्रॉल डाउन के लिए लूप को कैसे रोकें?

    लूप को रोकने के लिए, जावास्क्रिप्ट में clearInterval() का उपयोग करें। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width,