How to convert JSON text into object in Javascript?

Question

Write a function which can take a random JSON and transform the data into multiple line human readable title value pairs.

For example:

Given JSON

{
        university: 'Oxford',
        batch: '2019-2020',
        address: {
            street: '144 Main',
            city: 'London',
            country: 'UK',
            contact: {
                fax: 'XXXXXX',
                phone: 'YYYYY'
            }
        },
        students: [{
            name: 'Jon Doe',
            age: '22'
        },{
            name: 'Mike Wilson',
            age: '32'
        },{
            name: 'David',
            age: '28'
        }]
}

Output:

university: Oxford
batch: 2019-2020
address street: 144 Main
address city: London
address country: UK
address contact fax: XXXXXX
address contact phone: YYYYY
students 1 name: Jon Doe
students 1 age: 22
students 2 name: Mike Wilson
students 2 age: 32
students 3 name: David
students 3 name: 28

Answer 1

Example for a JSON object :

{
"rollno":101",
"name":"Mayank",
"age":20,
}

Conversion of JSON text to Javascript Object
JSON text/object can be converted into Javascript object using the function JSON.parse().

var object1 = JSON.parse('{"rollno":101, "name":"Mayank", "age":20}');

For getting the value of any key from a Javascript object, we can use the values as: object1.rollno

if we pass a invalid JSON text to the function JSON.parse(), it will generate error (no output is displayed when using in tag of HTML).

Examples : Here, in example, the JSON text ‘jsonobj’ have 3 key-value pair. Each of the pairs were able to be accessed by the Javascript object ‘obj’ using dot ( . ). ‘obj’ was a javascript object which was the result of the function JSON.parse().

var jsonobj = ‘{ “name”:”Brendan Eich”, “designerof”:”Javascript”, “bornin”:”1961″ }’;
var obj = JSON.parse(jsonobj);
print(“JSON Object/Text : “);
print(obj.name + “, who was born in ” + obj.bornin + “, was the designer of ” + obj.designerof);
print(“Use of Javascript object : “);
print(jsonobj);

Converting JSON Text into Javascript Object

JSON Object :

Use of Javascript object :

var jsonobj ='{ "name":"Brendan Eich","designerof":"Javascript","bornin":"1961" }';

// Here we convert JSON to object
var obj = JSON.parse(jsonobj);

document.getElementById("demo1").innerHTML =
obj.name + ", who was born in "
+ obj.bornin + ", was the designer of "
+ obj.designerof;
document.getElementById("demo").innerHTML =jsonobj;