Trong hướng dẫn này, bạn sẽ tìm hiểu về JSON và cách JavaScript được sử dụng với JSON với sự trợ giúp của các ví dụ.

Bạn đang xem : javascript cho khóa trong json

JSON là viết tắt của Javascript Object Notation. JSON là một định dạng dữ liệu dựa trên văn bản được sử dụng để lưu trữ và truyền dữ liệu. Ví dụ:

 // Cú pháp JSON
{
    "name": "John",
    "tuổi": 22,
    "Nam giới",

}  

Trong JSON, dữ liệu ở các cặp key / value được phân tách bằng dấu phẩy , .

JSON được bắt nguồn từ JavaScript. Vì vậy, cú pháp JSON giống với cú pháp theo nghĩa đen của đối tượng JavaScript. Tuy nhiên, định dạng JSON cũng có thể được truy cập và được tạo bởi các ngôn ngữ lập trình khác.

Lưu ý : Đối tượng JavaScript và JSON không giống nhau. Bạn sẽ tìm hiểu về sự khác biệt của chúng ở phần sau trong hướng dẫn này.

Dữ liệu JSON

Dữ liệu JSON bao gồm các cặp khóa / giá trị tương tự như các thuộc tính đối tượng JavaScript. Khóa và giá trị được viết trong dấu ngoặc kép cách nhau bằng dấu hai chấm : . Ví dụ:

 // dữ liệu JSON
"name": "John"  

Lưu ý : Dữ liệu JSON yêu cầu dấu ngoặc kép cho khóa.

Đối tượng JSON

Đối tượng JSON được viết bên trong dấu ngoặc nhọn {} . Các đối tượng JSON có thể chứa nhiều cặp khóa / giá trị . Ví dụ:

 // đối tượng JSON
{"name": "John", "age": 22}  

Mảng JSON

Mảng JSON được viết bên trong dấu ngoặc vuông [] . Ví dụ:

 // mảng JSON
["táo", "xoài", "chuối"]

// Mảng JSON chứa các đối tượng
[
    {"name": "John", "age": 22},
    {"name": "Peter", "age": 20}.
    {"name": "Mark", "age": 23}
]  

Lưu ý : Dữ liệu JSON có thể chứa các đối tượng và mảng. Tuy nhiên, không giống như các đối tượng JavaScript, dữ liệu JSON không thể chứa các hàm dưới dạng giá trị.

Xem Thêm  Xóa một mục khỏi danh sách Python (bật, xóa, xóa, xóa) • datagy - python xóa một phần tử khỏi danh sách

Truy cập dữ liệu JSON

Bạn có thể truy cập dữ liệu JSON bằng ký hiệu dấu chấm. Ví dụ:

 // đối tượng JSON
const data = {
    "name": "John",
    "tuổi": 22,
    "sở thích": {
"đọc": true,
"chơi game": false,
"sport": "bóng đá"
    },
    "class": ["JavaScript", "HTML", "CSS"]
}

// truy cập đối tượng JSON
console.log (data.name); // John
console.log (data.hobby); // {gaming: false, reading: true, sport: "football"}

console.log (data.hobby.sport); // bóng đá
console.log (data.class [1]); // HTML  

Chúng tôi sử dụng ký hiệu . để truy cập dữ liệu JSON. Cú pháp của nó là: variableName.key

Bạn cũng có thể sử dụng cú pháp dấu ngoặc vuông [] để truy cập dữ liệu JSON. Ví dụ:

 // đối tượng JSON
const data = {
    "name": "John",
    "tuổi": 22
}

// truy cập đối tượng JSON
console.log (data ["name"]); // John  

Đối tượng JavaScript VS JSON

Mặc dù cú pháp của JSON tương tự với đối tượng JavaScript, nhưng JSON khác với các đối tượng JavaScript.

JSON
Đối tượng JavaScript
Khóa trong cặp khóa / giá trị phải nằm trong dấu ngoặc kép.
Khóa trong cặp khóa / giá trị không thể không có dấu ngoặc kép.
JSON không được chứa các hàm.
Các đối tượng JavaScript có thể chứa các hàm.
JSON có thể được tạo và sử dụng bởi các ngôn ngữ lập trình khác.
Các đối tượng JavaScript chỉ có thể được sử dụng trong JavaScript.

Chuyển đổi JSON thành Đối tượng JavaScript

Bạn có thể chuyển đổi dữ liệu JSON sang một đối tượng JavaScript bằng cách sử dụng hàm JSON.parse () tích hợp sẵn. Ví dụ:

 // đối tượng json
const jsonData = '{"name": "John", "age": 22}';

// chuyển đổi sang đối tượng JavaScript
const obj = JSON.parse (jsonData);

// truy cập dữ liệu
console.log (obj.name); // John  

Chuyển đổi Đối tượng JavaScript thành JSON

Bạn cũng có thể chuyển đổi các đối tượng JavaScript sang định dạng JSON bằng cách sử dụng hàm JSON.stringify () tích hợp sẵn JavaScript. Ví dụ:

 // đối tượng JavaScript
const jsonData = {"name": "John", "age": 22};

// chuyển đổi thành JSON
const obj = JSON.stringify (jsonData);

// truy cập dữ liệu
console.log (obj); // "{" name ":" John "," age ": 22}"  

Sử dụng JSON

JSON là định dạng được sử dụng phổ biến nhất để truyền dữ liệu (trao đổi dữ liệu) từ máy chủ đến máy khách và ngược lại. Dữ liệu JSON rất dễ phân tích cú pháp và sử dụng. Truy cập và thao tác dữ liệu JSON nhanh chóng vì chúng chỉ chứa văn bản.

Xem Thêm  Set up an open, closed, or internal test - app nội bộ

JSON độc lập với ngôn ngữ. Bạn cũng có thể tạo và sử dụng JSON trong các ngôn ngữ lập trình khác.


Xem thêm những thông tin liên quan đến chủ đề javascript cho key trong json

1.4: JSON – Working with Data and APIs in JavaScript

  • Tác giả: The Coding Train
  • Ngày đăng: 2019-05-25
  • Đánh giá: 4 ⭐ ( 6781 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 💻https://github.com/CodingTrain/Intro-to-Data-APIs-JS

    With our previous projects, we learned about fetch() and tabular data. This next project will show you how to work with JSON data from an API including how to load JSON data with fetch() and update DOM element.

    🔗 Where the ISS at?: https://wheretheiss.at/
    🔗 JSON chrome extension: https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en

    🎥 NEXT LESSON: https://youtu.be/nZaZ2dB6pow
    🎥 PREVIOUS LESSON: https://youtu.be/5-ptp9tRApM
    🎥 FULL COURSE: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X

    🚂 Website: http://thecodingtrain.com/
    💖 Patreon: https://patreon.com/codingtrain
    🛒 Store: https://www.designbyhumans.com/shop/codingtrain/
    📚 Books: https://www.amazon.com/shop/thecodingtrain

    🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
    🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

    🔗 p5.js: https://p5js.org
    🔗 Processing: https://processing.org

    📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

JavaScript JSON

  • Tác giả: viblo.asia
  • Đánh giá: 5 ⭐ ( 8750 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Introduce JavaScript Object Notation: * JSON trong Javascript là 1 kiểu format để lưu trữ và truyền tải dữ liệu. * JSON tuân theo một quy luật nhất định mà hầu hết các ngôn ngữ lập trình hiện nay đều…

Bài 10: Đối tượng trong Javascript – Object – JSON

  • Tác giả: goclamweb.com
  • Đánh giá: 3 ⭐ ( 2062 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài học này, chúng ta sẽ tìm hiểu về đối tượng trong Javascript. Ngoài ra, chúng ta cũng tìm hiểu một chút về JSON – JavaScript Object Notation.

JSON.stringify trong JavaScript

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 3 ⭐ ( 9691 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JSON.stringify trong JavaScript – Lập Trình Từ Đầu 9 JSON Trong JavaScript

Xử Lý Dữ Liệu JSON Đơn Giản Với Javascript

  • Tác giả: codelearn.io
  • Đánh giá: 4 ⭐ ( 1479 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JSON – Javascript Object Notation, là bộ quy tắc về cách trình bày và mô tả dữ liệu trong một chuỗi lớn thống nhất được gọi chung là chuỗi JSON.

JSON là gì? Hướng dẫn cách dùng cho người mới bắt đầu

  • Tác giả: itnavi.com.vn
  • Đánh giá: 4 ⭐ ( 5141 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

API JSON của JavaScript

  • Tác giả: helpex.vn
  • Đánh giá: 5 ⭐ ( 3368 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JSON là một định dạng lưu trữ dữ liệu văn bản đơn giản. Bài đăng trên blog này mô tả nó là gì và cách làm việc với nó thông qua API ECMAScript 5. 1. Sơ lượtJSON là tên viết tắt của các ký…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Acer Swift 3 review - swift 4.2

By ads_php