<script>
var json_sample_data = [
  {
    "name" : "sample-00",
    "age" : 30
  },
  {
    "name" : "sample-01",
    "age" : 23
  }
];
</script>

<p id="sample00-html"></p>
<p id="sample01-html"></p>
var json_sample00 = json_sample_data[0].name;
// var json_sample00 = json_sample_data[0]["name"];

$("#sample00-html").text(json_sample00);

var json_sample01 = json_sample_data[1].name;
// var json_sample = json_sample_data[1]["name"];

$("#sample01-html").text(json_sample01);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js