JAVASCRIPT

json example

{
    "name": "Muhammad Ishaq",
    "gender": "Male",
    "age": 23,
    "address": {
        "street": "87",
        "city": "Gultari Matyal Skardu",
        "state": "Gilgit Baltistan",
        "postalCode": "16350"
    },
    "phoneNumber": [
        { "type": "personal", "number": "116263747" }
    ]
}

json example

{
   "todos": [
      {
         "userId": 1,
         "id": 1,
         "title": "delectus aut autem",
         "completed": false
      },
      {
         "userId": 1,
         "id": 2,
         "title": "quis ut nam facilis et officia qui",
         "completed": false
      },
      {
         "userId": 1,
         "id": 3,
         "title": "fugiat veniam minus",
         "completed": false
      },
      {
         "userId": 1,
         "id": 4,
         "title": "et porro tempora",
         "completed": true
      },
      {
         "userId": 1,
         "id": 5,
         "title": "laboriosam mollitia et enim quasi adipisci quia provident illum",
         "completed": false
      },
      {
         "userId": 1,
         "id": 6,
         "title": "qui ullam ratione quibusdam voluptatem quia omnis",
         "completed": false
      },
      {
         "userId": 1,
         "id": 7,
         "title": "illo expedita consequatur quia in",
         "completed": false
      },
      {
         "userId": 1,
         "id": 8,
         "title": "quo adipisci enim quam ut ab",
         "completed": true
      },
      {
         "userId": 1,
         "id": 9,
         "title": "molestiae perspiciatis ipsa",
         "completed": false
      },
      {
         "userId": 1,
         "id": 10,
         "title": "illo est ratione doloremque quia maiores aut",
         "completed": true
      }
   ]
}

json example

{
	"users": [{
			"name": "Emp1",
			"full_name": "Emp1 lastname",
			"emp_id": "Emp1122",
			"gender": "M",
			"age": 23,
			"company": "Test Company",
			"address": {
				"city": "Mumbai",
				"state": "Maharashtra",
				"state_code": "MH",
				"zip": "16350",
				"county": "India",
				"county_code": "IN"
			},
			"contact": [{
					"type": "phone",
					"phone_number": "1234567890"
				},
				{
					"type": "email",
					"email_id": "emp1@idstest.com"
				}
			]
		},
		{
			"name": "Emp1",
			"full_name": "Emp1 lastname",
			"emp_id": "Emp1122",
			"gender": "M",
			"age": 23,
			"company": "Test Company",
			"address": {
				"city": "Mumbai",
				"state": "Maharashtra",
				"state_code": "MH",
				"zip": "16350",
				"county": "India",
				"county_code": "IN"
			},
			"contact": [{
					"type": "phone",
					"phone_number": "1234567890"
				},
				{
					"type": "email",
					"email_id": "emp1@idstest.com"
				}
			]
		}
	]
}

json data example

{"name": "John", "age": 31, "city": "New York"};

JSON data example

[{"_id":"60beb338abe3dd4300d844b8","email":"hemitpatel0@gmail.com","typeVaccine":"Moderna","status":"Yes","__v":0},{"_id":"60bf716b145de95f1c84fb2f","email":"hemit.2009@outlook.com","typeVaccine":"Asternzcana","status":"No","__v":0},{"_id":"60bf7196145de95f1c84fb31","email":"hemitpatel@computer4u.com","typeVaccine":"Phizer","status":"Yes","__v":0},{"_id":"60bf758f145de95f1c84fb32","email":"blahbro96@gmail.com","typeVaccine":"none","status":"No","__v":0}]

json example

const myList = document.querySelector('ul');
const myRequest = new Request('products.json');

fetch(myRequest)
  .then((response) => response.json())
  .then((data) => {
    for (const product of data.products) {
      const listItem = document.createElement('li');
      listItem.appendChild(
        document.createElement('strong')
      ).textContent = product.Name;
      listItem.append(
        ` can be found in ${
          product.Location
        }. Cost: `
      );
      listItem.appendChild(
        document.createElement('strong')
      ).textContent = `£${product.Price}`;
      myList.appendChild(listItem);
    }
  })
  .catch(console.error);

JSON Example

 const x = {a:"aaaaa", b: function(){return this.a}, c: function(){this.a}};
 console.log(x.b());
/* const x = {a:"aaaaa", b:  this.a, c: this.a};
 console.log(x.b);
 will return undefined
*/