Animations

API

Arrays

Async

Basics

Challenges

Classes

Console

Dates

Debugging

DOM Elements

DOM Methods

DOM Navigation

DOM Properties

Event Listeners

Flow Control

Forms

Functions

Global Functions

JSON

Keywords

Libraries (3rd party)

Math

Modules

Objects

Snippets

String

Types

Widgets

Window Object

JavaScript - Parse

To create a JSON Object from text / string (usually from another source), we can use the JSON.parse() method. The opposite, reverse process is to use JSON.stringify(obj).

For example, take a string and parse it: 


// create or retrieve the string
let data = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

// parse it. Make it a legit JSON object
let employeesList = JSON.parse(data);

// figure out how many items are in your object array
let numOfEmployees = employeesList.employees.length;

// do some looping!
let output = "";
for (var i = 0; i < numOfEmployees; i++)
{
    output +="First Name: " + employeesList.employees[i].firstName + ", "
    + "Last Name: " + employeesList.employees[i].lastName + "<br />" ;
}

// show it let
demo1=document.getElementById("demo1");
demo1.innerHTML=output;