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

Làm thế nào để tạo một đối tượng JSON trong JavaScript? Giải thích bằng một ví dụ.

Sau đây là mã để tạo một đối tượng JSON 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 {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>JSON object in JavaScript</h1>
<div class="sample"></div>
<div style="color: green;" class="result">JSON OBJECT <br></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to create a JSON object and display it
</h3>
<script>
   let resEle = document.querySelector(".result");
   let obj = {
      firstName:'Rohan',
      lastName: 'Sharma',
      Age:14,
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      for(i in obj){
         resEle.innerHTML += 'key = '+i+' value = ' + obj[i] + '<br>';
      }
   });
</script>
</body>
</html>

Đầu ra

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

Làm thế nào để tạo một đối tượng JSON trong JavaScript? Giải thích bằng một ví dụ.

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

Làm thế nào để tạo một đối tượng JSON trong JavaScript? Giải thích bằng một ví dụ.