GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise
  • Introduction3 min read
  • Variables5 min read

This view

  • Original page
  • New address

GeezerVison is showing www.geeksforgeeks.org — JavaScript JSON Parser - GeeksforGeeks

geeksforgeeks
search icon
  • Courses
  • Tutorials
  • Interview Prep
  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise

JavaScript JSON Parser

Last Updated : 20 Apr, 2026

JSON (JavaScript Object Notation) is a lightweight format used to exchange data between a server and a client. A JSON parser converts JSON data into a structured format that can be easily accessed and manipulated in programs.

  • Converts JSON strings into JavaScript objects or arrays.
  • Enables easy data access and manipulation.
  • Commonly used in APIs and web applications.

JSON Parser

A JSON parser is a tool or built-in function that converts a JSON string into a usable data structure like a JavaScript object or array.

  • Converts JSON string to JavaScript object
  • Makes data easy to access and manipulate
  • Available in most programming languages

JSON Structures

JSON data is mainly represented in two forms:

  • Objects - Collection of key-value pairs
  • Arrays - Ordered list of values

Types of JSON Mapping

1. Mapping JSON Types to JavaScript Objects

  • JSON data is converted into JavaScript objects
  • Keys become object properties
  • Values remain unchanged

2. Mapping JavaScript Objects to JSON

  • JavaScript objects are converted into JSON format
  • Object properties - JSON keys
  • Object values - JSON values

The conversion is reversible, meaning Some data types (e.g., functions, undefined) are not preserved in JSON.

Importance of JSON Parsing

  • Helps convert JSON data into usable objects.
  • Essential for working with APIs and web services.
  • Allows accessing specific values from structured data.
  • Widely used in web development and backend systems.

JSON Parsing Methods

1. Using JSON.parse() Method

This is the most common method used to parse JSON data.

Syntax

JSON.parse(jsonString);
JavaScript
const jsonString = '{"name": "Geek", "age": 22, "city": "Delhi"}';

const obj = JSON.parse(jsonString);

console.log(obj.name); // Geek
console.log(obj.age);  // 22
console.log(obj.city); // Delhi


2. Reading JSON from Local File (Node.js)

You can load JSON files directly using require().

data.json

{
"data": [
{
"name": "GFG",
"description": "A Computer Science portal!"
}
]
}
JavaScript
const sample = require('./data.json');
console.log(sample.data[0]);

Output:

{ name: 'GFG', description: 'A Computer Science portal!' }

There are more methods to read JSON files that you can find here https://www.geeksforgeeks.org/javascript/read-json-file-using-javascript/

Comment

Explore

    JavaScript Basics
    • Introduction3 min read
    • Variables5 min read
    • Operators4 min read
    • Control Statements4 min read
    Array & String
    • Arrays6 min read
    • Array Methods4 min read
    • String5 min read
    • String Methods8 min read
    Function & Object
    • Functions4 min read
    • Function Expression3 min read
    • Function Overloading4 min read
    • Objects4 min read
    • Constructors4 min read
    OOP
    • OOP5 min read
    • Classes & Objects4 min read
    • Access Modifiers5 min read
    • Constructor4 min read
    Asynchronous JavaScript
    • Asynchronous2 min read
    • Callbacks4 min read
    • Promises4 min read
    • Event Loop3 min read
    • Async Await Fuction3 min read
    Exception Handling
    • Error and Exceptional Handling5 min read
    • Errors Throw & Try to Catch2 min read
    • Custom Errors2 min read
    • TypeError Invalid Array.prototype.sort argument1 min read
    DOM
    • DOM8 min read
    • DOM Elements3 min read
    • Custom Events4 min read
    • Addeventlistener5 min read
    Advanced Topics
    • Closure3 min read
    • Hoisting5 min read
    • Scope4 min read
    • Higher Order Functions7 min read
    • Debugging3 min read
    Courses
    • Placement 360 Course2 min read
    • MERN Full Stack Course2 min read
    • DSA and System Design Course2 min read
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.