Làm thế nào để áp dụng phương thức rút gọn cho các đối tượng trong JavaScript?

Sau đây là đoạn mã để áp dụng phương thức rút gọn cho các đối tượng trong JavaScript -

Ví dụ

<!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>