- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Parse JSON in JavaScript to display a specific name/value pair?
To parse JSON, use parseJSON() and for displaying a specific pair, use the $.each() function.
Let’s say the following is our JSON, which is parsed −
const APIData =
'[{"Name":"John","Age":21},{"Name":"David","Age":24},{"Name":"Bob","Age" :20}]';
const getObject = jQuery.parseJSON(APIData);Now, let’s see the complete code and fetch the “Name” pairs −
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=
1.0">
<title>Document</title>
</head>
<link rel="stylesheet"
href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
<script>
const APIData =
'[{"Name":"John","Age":21},{"Name":"David","Age":24},{"Name":"Bob","Age":20}]';
const getObject = jQuery.parseJSON(APIData);
$.each(getObject, function (k,obj) {
console.log(obj['Name']);
});
</script>
</body>
</html>To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output.
Updated on 01-Sep-2020 11:32:25
- Related Questions & Answers
- JavaScript JSON parse() Method
- How to parse JSON object in JavaScript?
- JavaScript Adding array name property to JSON object [ES5] and display in Console?
- How to parse JSON in Java?
- Fetch a specific column value (name) in MySQL
- How to read a specific key-value pair from a MongoDB collection?
- Read by key and parse as JSON in JavaScript
- How to parse JSON on Android?
- How to parse json string in android?
- How to parse JSON files in Golang?
- How to parse JSON input using Python?
- How to parse JSON Objects on Android?
- MongoDB query to display documents with a specific name irrespective of case
- How to parse a JSON to Gson Tree Model in Java?
- How to use JSONobject to parse JSON in Android?
Advertisements