Chữ đối tượng JSON
Đây là một chuỗi JSON:
'{"name":"John", "age":30, "car":null}'
Bên trong chuỗi JSON có một đối tượng JSON bằng chữ:
{"name":"John", "age":30, "car":null}
Các hằng đối tượng JSON được bao quanh bởi dấu ngoặc nhọn {}.
Các hằng đối tượng JSON chứa các cặp khóa/giá trị.
Khóa và giá trị được phân tách bằng dấu hai chấm.
Khóa phải là chuỗi và giá trị phải là loại dữ liệu JSON hợp lệ:
- sợi dây
- con số
- sự vật
- mảng
- boolean
- vô giá trị
Mỗi cặp khóa/giá trị được phân tách bằng dấu phẩy.
Đó là một lỗi phổ biến khi gọi một đối tượng JSON theo nghĩa đen là "đối tượng JSON".
JSON không thể là một đối tượng. JSON là một định dạng chuỗi.
Dữ liệu chỉ là JSON khi nó ở định dạng chuỗi. Khi được chuyển đổi thành biến JavaScript, nó sẽ trở thành đối tượng JavaScript.
Đối tượng JavaScript
Bạn có thể tạo một đối tượng JavaScript từ một đối tượng JSON theo nghĩa đen:
Thông thường, bạn tạo một đối tượng JavaScript bằng cách phân tích chuỗi JSON:
Ví dụ
myJSON = '{"name":"John", "age":30, "car":null}';
myObj = JSON.parse(myJSON);
Hãy tự mình thử »Truy cập các giá trị đối tượng
Bạn có thể truy cập các giá trị đối tượng bằng cách sử dụng ký hiệu dấu chấm (.):
Ví dụ
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
x = myObj.name;
Hãy tự mình thử »Bạn cũng có thể truy cập các giá trị đối tượng bằng cách sử dụng ký hiệu ngoặc ([]):
Ví dụ
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
x = myObj["name"];
Hãy tự mình thử » Lặp lại một đối tượng
Bạn có thể lặp qua các thuộc tính của đối tượng bằng vòng lặp for-in:
Ví dụ
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
let text = "";
for (const x in myObj) {
text += x + ", ";
}
Hãy tự mình thử »Trong vòng lặp for-in, sử dụng ký hiệu ngoặc để truy cập các giá trị thuộc tính:
Ví dụ
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
let text = "";
for (const x in myObj) {
text += myObj[x] + ", ";
}
Hãy tự mình thử »