Scribd
Upload
11 views3 pages

s31 Discaussion

JSON is commonly used for serializing data into bytes for easier transmission between applications. It uses JavaScript object syntax but with some differences. The JSON object in JavaScript contains methods for parsing and converting data to and from stringified JSON. Stringifying converts a JavaScript object into a JSON string, and parsing converts a JSON string back into a JavaScript object. These methods allow easy transmission of complex data between frontend and backend applications.

Uploaded by

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

s31 Discaussion

JSON is commonly used for serializing data into bytes for easier transmission between applications. It uses JavaScript object syntax but with some differences. The JSON object in JavaScript contains methods for parsing and converting data to and from stringified JSON. Stringifying converts a JavaScript object into a JSON string, and parsing converts a JSON string back into a JavaScript object. These methods allow easy transmission of complex data between frontend and backend applications.

Uploaded by

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

// [SECTION] JSON Objects

/*
- JSON stands for JavaScript Object Notation
- JSON is also used in other programming languages hence the name JavaScript
Object Notation
- Core JavaScript has a built in JSON object that contains methods for parsing
JSON objects and converting strings into JavaScript objects
- JavaScript objects are not to be confused with JSON
- JSON is used for serializing different data types into bytes
- Serialization is the process of converting data into a series of bytes for
easier transmission/transfer of information
- A byte is a unit of data that is eight binary digits (1 and 0) that is used
to represent a character (letters, numbers or typographic symbols)
- Bytes are information that a computer processes to perform different tasks
- Uses double quotes for property names
- Syntax
{
"propertyA": "valueA",
"propertyB": "valueB",
}
*/

// JSON Objects
/*
{
"city": "Quezon City",
"province": "Metro Manila",
"country": "Philippines"
}
*/

// [SECTION] JSON Arrays


/*
"cities": [
{ "city": "Quezon City", "province": "Metro Manila", "country":
"Philippines" },
{ "city": "Manila City", "province": "Metro Manila", "country":
"Philippines" },
{ "city": "Makati City", "province": "Metro Manila", "country": "Philippines" }
]
*/

// [SECTION] JSON Methods


// - The JSON object contains methods for parsing and converting data into
stringified JSON

// [Section] Converting Data Into Stringified JSON


/*
- Stringified JSON is a JavaScript object converted into a string to be used in
other functions of a JavaScript application
- They are commonly used in HTTP requests where information is required to be
sent and received in a stringified JSON format
- Requests are an important part of programming where an application
communicates with a backend application to perform different tasks such as
getting/creating data in a database
- A frontend application is an application that is used to interact with users
to perform different visual tasks and display information while backend
applications are commonly used for all the business logic and data processing
- A database normally stores information/data that can be used in most
applications
- Commonly stored data in databases are user information, transaction records
and product information
- Node/Express JS are two of technologies that are used for creating backend
applications which processes requests from frontend applications
- Node JS is a Java Runtime Environment (JRE)/software that is made to execute
other software
- Express JS is a NodeJS framework that provides features for easily creating
web and mobile applications
- An example of where JSON is also used is on package.json files which an
express JS application uses to keep track of information regarding a project
*/
let batchesArr = [{ batchName: 'Batch X' }, { batchName: 'Batch Y' }];

// The "stringify" method is used to convert JavaScript objects into a string


console.log('Result from stringify method:');
console.log(JSON.stringify(batchesArr));

let data = JSON.stringify({


name: 'John',
age: 31,
address: {
city: 'Manila',
country: 'Philippines'
}
});

console.log(data);

// [Section] Using Stringify Method With Variables


/*
- When information is stored in a variable and is not hard coded into an object
that is being stringified, we can supply the value with a variable
- The "property" name and "value" would have the same name which can be
confusing for beginners
- This is done on purpose for code readability meaning when an information is
stored in a variable and when the object created to be stringified is created, we
supply the variable name instead of a hard coded value
- This is commonly used when the information to be stored and sent to a backend
application will come from a frontend application
- Syntax
JSON.stringify({
propertyA: variableA,
propertyB: variableB
});
- Since we do not have a frontend application yet, we will use the prompt
method in order to gather user data to be supplied to the user details
*/
// User details
let firstName = prompt('What is your first name?');
let lastName = prompt('What is your last name?');
let age = prompt('What is your age?');
let address = {
city: prompt('Which city do you live in?'),
country: prompt('Which country does your city address belong to?')
};

let otherData = JSON.stringify({


firstName: firstName,
lastName: lastName,
age: age,
address: address
})

console.log(otherData);

// [Section] Converting stringified JSON into JavaScript objects


/*
- Objects are common data types used in applications because of the complex
data structures that can be created out of them
- Information is commonly sent to applications in stringified JSON and then
converted back into objects
- This happens both for sending information to a backend application and
sending information back to a frontend application
*/
let batchesJSON = `[{ "batchName": "Batch X" }, { "batchName": "Batch Y" }]`;

console.log('Result from parse method:');


console.log(JSON.parse(batchesJSON));

You might also like