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

Làm thế nào để chuyển đổi văn bản JSON sang đối tượng JavaScript JSON?

Phương thức JSON parse () được sử dụng để chuyển đổi một văn bản JSON thành một đối tượng JavaScript.

Sau đây là mã để chuyển đổi văn bản JSON sang đối tượng JavaScript JSON -

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;
   }
   .sample {
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>JSON parse() Method</h1>
<div class="sample">
{"name":"Rohan", "sports":["Cricket","Football"], "country":"India"}
</div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to parse the above JSON string
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let resultEle = document.querySelector(".result");
   let parsedJson = JSON.parse(sampleEle.innerHTML);
   document.querySelector(".Btn").addEventListener("click", () => {
      resultEle.innerHTML = "Name = " + parsedJson.name + "<br>";
      resultEle.innerHTML += "Country = " + parsedJson.country + "<br>";
      resultEle.innerHTML += "Sports = " + parsedJson.sports;
   });
</script>
</body>
</html>

Đầu ra

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

Làm thế nào để chuyển đổi văn bản JSON sang đối tượng JavaScript JSON?

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

Làm thế nào để chuyển đổi văn bản JSON sang đối tượng JavaScript JSON?