Scribd
Upload
8 views6 pages

JSON Parsing (PPT) (1)

The document explains JSON parsing, which is the process of converting a JSON string into a JavaScript object using the JSON.parse() function. It provides examples of parsing both an object and an array in JSON format, demonstrating how to access the parsed data. Additionally, it emphasizes the importance of proper JSON syntax, including the requirement for keys and string values to be enclosed in double quotes.

Uploaded by

vanditajoshi9
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8 views6 pages

JSON Parsing (PPT) (1)

The document explains JSON parsing, which is the process of converting a JSON string into a JavaScript object using the JSON.parse() function. It provides examples of parsing both an object and an array in JSON format, demonstrating how to access the parsed data. Additionally, it emphasizes the importance of proper JSON syntax, including the requirement for keys and string values to be enclosed in double quotes.

Uploaded by

vanditajoshi9
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 6

1

JSON
Parsing

JSON Parsing
By Vandita JavaScript Object Notation(JSON)
Roll no: 8
Parsing
JSON.parse()
• A common use of JSON is to exchange data to/from a
web server.
• When receiving data from a web server, the data is
always a string.
• Parse the data with JSON.parse(), and the data
becomes a JavaScript object.
Given the JSON string:
'{"name":"John", "age":30, "city":"New York"}'
--> This JSON object represents a person with three
properties: name, age, and city.
Use the JavaScript function JSON.parse() to
convert text into a JavaScript object:

JSON Parsing
const jsonString = '{"name": "John", "age": 30, "city":
"New York"}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // Output: John
console.log(obj.age); // Output: 30
console.log(obj.city); // Output: New York
Parsing in JSON refers to the process of converting a JSON string, which is a text
representation of data, into a corresponding data structure that a programming
language can use. For example, in JavaScript, parsing JSON means converting a JSON
string into a JavaScript object.

JSON Syntax:
Keys and string values in JSON are enclosed in double quotes.

Example:
{
"name": "John",
"age": 30,

JSON Parsing
"city": "New York"
}
Note: The text is in JSON format, or else you will get a syntax error.

4
Example:

<!DOCTYPE html>
<html>
<body>
<h2>Creating an Object from a JSON String</h2>
<p id="demo"></p>
<script>
const txt = '{"name":"John", "age":30, "city":"New York"}'
const obj = JSON.parse(txt);
document.getElementById("demo").innerHTML = obj.name + ", " + obj.age;
</script>

JSON Parsing
</body>
</html>
Output:

Creating an Object from a JSON String


John, 30
Array as JSON
When using the JSON.parse() on a JSON derived from an
array, the method will return a JavaScript array, instead of a
JavaScript object.

Example:
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>

<script>
const text = '[ "Ford", "BMW", "Audi", "Fiat" ]';

JSON Parsing
const myArr = JSON.parse(text);
document.getElementById("demo").innerHTML = myArr[0];
</script>

</body>
</html>
Output: Ford
THANK YOU

You might also like