[Edit]

JavaScript - parse json

1 contributors

2 contributions

0 discussions

6 points

Created by:

Root-ssh

178180

In this short article we would like to show how to convert JSON to object in JavaScript.

The article is focsed on JSON.parse() method, but at the beginning we try to present basic definitions in simple way.

Note: scroll to below exmple if you know well definitions.

Simple definitions:

Term	Description
JSON	Approach to preset JavaScript object as text (can be stored as string type in JavaScript VM). So: when we create some object in source code using `var object = { ... }` we can call `{ ... }` part as JSON - it will be converted automatically to `object` after program is run / compiled. We can say: object was created using JavaScript Object Notation, when we do `fetch(...)` / AJAX request and we recive response with `Content-Type: application/json`. We can say: we recived JSON that should be parsed to object. when we store `{ ... }` in text file or send as message we can call it JSON.
object	Stored in memory data strucure.
JSON to string conversion	Operation that deserilises / converts text to object. We can do it in few ways: with `JSON.parse('{}')` method that parses JSON to object, with built-in parse method in `fetch(...)` result: `var object = fetchResult.json()` Method `json()` returns object created from JSON. setting `json` value for `responseType` property during using `XMLHttpRequest` / `XHR` that makes response conversion to object.

Quick solution:

xxxxxxxxxx
 
var json = '{"id": 2, "name": "Tom", "age": 25}';
var object = JSON.parse(json);
​
console.log(object);         // [object Object]
​
console.log(object.id);      // 2
console.log(object.name);    // Tom
console.log(object.age);     // 25
​
console.log(object.address); // undefined

Auto running

Alternative titles

JavaScript - convert json to object

Show discussions ...

JavaScript - parse json

Alternative titles

JavaScript - JSON

Native Advertising

🚀

Dirask - we help you to

solve coding problems.

Ask question.

❤️💻 🙂