curriculum/challenges/english/blocks/lecture-working-with-json/6732b788046862264eeb1c39.md
What is JSON and how do you access values using bracket and dot notation?
JSON stands for JavaScript Object Notation. It is a lightweight, text-based data format that is commonly used to exchange data between a server and a web application.
One of the reasons why JSON is so popular in web development is because it is both machine-parseable and human-readable.
Since JSON is language-independent, you can easily send JSON data from a Java application to a Python application, or from a JavaScript application to a C# application.
JSON supports many data types including objects, arrays, strings, booleans, null, and numbers.
Here's an example of a JSON object:
{
"name": "Alice",
"age": 30,
"isStudent": false,
"list of courses": ["Mathematics", "Physics", "Computer Science"]
}
As you can see, JSON uses key-value pairs to store information and each pair is separated by a comma. Each key must be wrapped in double quotes, otherwise you will get an error.
To access data from a JSON object, you can either use dot or bracket notation. In this example, we are using dot notation to access the age from the JSON object:
import data from "./example.json" with { type: "json" };
console.log(data.age);
This particular example is using what is known as an import statement, which imports the JSON object into this file so we have access to it. You will learn more about the import statement in a future lesson.
You can also use bracket notation to access information from JSON objects. Here is an example of accessing the list of courses array:
import data from "./example.json" with { type: "json" };
console.log(data["list of courses"]);
Using bracket notation is particularly useful here because the key contains multiple words separated by spaces. If we tried to use dot notation, it would result in an error.
In summary, JSON is a versatile format that can store many data types, including arrays and nested objects. By using dot notation or bracket notation, you can easily access the values stored within a JSON object.
Which of the following is true about JSON?
JSON is only used in JavaScript.
Think of how JSON is commonly used in APIs to pass data between applications.
JSON is a lightweight data format used for data exchange between servers and web applications.
JSON does not support arrays.
Think of how JSON is commonly used in APIs to pass data between applications.
JSON must include functions.
Think of how JSON is commonly used in APIs to pass data between applications.
2
How would you access the value of the name key in the following JSON object using dot notation?
{
"name": "Alice",
"age": 30
}
data("name")
Dot notation involves using a period (.) followed by the key name.
data["name"]
Dot notation involves using a period (.) followed by the key name.
data.name
data.name[]
Dot notation involves using a period (.) followed by the key name.
3
Which of the following keys would require you to use bracket notation to access its value?
{
"first name": "Alice",
"age": 30
}
"age"
Consider what makes a key invalid for dot notation.
"first name"
Both of the above.
Consider what makes a key invalid for dot notation.
None of the above.
Consider what makes a key invalid for dot notation.
2