Computer >> Máy Tính >  >> Lập trình >> Javascript

Phương thức Object.fromEntries () trong JavaScript.

Phương thức Object.fromEntries () trong JavaScript được sử dụng để chuyển đổi một có thể lặp lại như một mảng, ánh xạ có cặp giá trị khóa thành một đối tượng.

Sau đây là mã cho phương thức Object.fromEntries () -

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: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Object.fromEntries() method </h1>
<div
class="sample"><pre>[[firstName,Rohan],[lastName,Sharma],[age,22]]</pre></div>
<div style="color: green;" class="result">Object = <br></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to convert the above array into object</h3>
<script>
   let resEle = document.querySelector(".result");
   let sampleEle = document.querySelector(".sample");
   let arr = [['firstName','Rohan'],['lastName','Sharma'],['age',22]];
   document.querySelector(".Btn").addEventListener("click", () => {
      let obj = Object.fromEntries(arr);
      for(i in obj){
         resEle.innerHTML += 'Key = '+i+' : Value = '+obj[i]+ '<br>';
      }
   });
</script>
</body>
</html>
Object =

Nhấp vào nút trên để chuyển mảng trên thành đối tượng

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Phương thức Object.fromEntries () trong JavaScript.

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Phương thức Object.fromEntries () trong JavaScript.