
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
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.
- Related Articles
- 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?
- Read by key and parse as JSON in JavaScript
- How to parse json string in android?
- How to parse JSON files in Golang?
- How to parse JSON on Android?
- How to serialize a cookie name-value pair into a Set Cookie header string in JavaScript?
- How to parse JSON object in iPhone/iOS?
- How to parse a JSON to Gson Tree Model in Java?
- How to read a specific key-value pair from a MongoDB collection?
- How to use JSONobject to parse JSON in Android?
- How to parse JSON input using Python?
- How to parse JSON Objects on Android?

Advertisements