কম্পিউটার

জাভাস্ক্রিপ্ট ব্যবহার করে JSON অ্যারে থেকে ডেটা কীভাবে পড়তে হয়?


জাভাস্ক্রিপ্ট -

ব্যবহার করে JSON অ্যারে থেকে ডেটা পড়ার জন্য কোডটি নিচে দেওয়া হল

উদাহরণ

<!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,.result {
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>Read data from JSON array using JavaScript</h1>
<div class="sample">
[{"name":"Rohan","age":22}, {"name":"Shawn","age":12} ,{"name":"Michael","age":21}]
</div>
<div class="result" style="color: green;"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to read data from above JSON array</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let resultEle = document.querySelector(".result");
   let parsedJson = JSON.parse(sampleEle.innerHTML);
   document.querySelector(".Btn").addEventListener("click", () => {
      parsedJson.forEach((item) => {
         resultEle.innerHTML += "Name = " + item.name + "";
         resultEle.innerHTML += "Age = " + item.age + "";
      });
   });
</script>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

জাভাস্ক্রিপ্ট ব্যবহার করে JSON অ্যারে থেকে ডেটা কীভাবে পড়তে হয়?

'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -

জাভাস্ক্রিপ্ট ব্যবহার করে JSON অ্যারে থেকে ডেটা কীভাবে পড়তে হয়?


  1. কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে একটি কুকি পড়তে হয়?

  2. একটি জাভাস্ক্রিপ্ট অ্যারে থেকে একটি স্ট্রিং পার্স কিভাবে?

  3. জাভাস্ক্রিপ্টে একটি বাহ্যিক JSON ফাইল কীভাবে পড়তে হয়

  4. কিভাবে জাভা ব্যবহার করে JSON অ্যারে পড়তে/পার্স করবেন?