Chủ Nhật, 30 tháng 7, 2023

Bài 04: JSON và Object trong Javascript

Như ta biết object trong Javascript là một kiểu dữ liệu được lưu trữ dạng key : value, điều này khá giống với cấu trúc của chuỗi JSON. Vậy liệu chúng có mối liên hệ với nhau nào không? Câu trả lời nằm trong cái tên của JSON đó là JavaScript Object NotationNhư vậy JSON được lấy ý tưởng từ object trong Javascript nên chúng có mối liên hệ  mật thiết với nhau.

Nếu bạn đã xem qua serie học ajax rồi thì bạn không còn xa lạ gì với JSON nữa, còn nếu bạn chưa xem thì hãy xem ngay sau khi đọc xong bài này nhé. JSON được ứng dụng trong Ajax cho trường hợp Ajax gửi request lên server thì server sẽ trả kết quả về là một đối tượng JSON thay vì là dữ liệu bình thường.

Mình nói về Ajax nhưng trong bài này mình không đề cập đến Ajax nhé các bạn, nếu bạn muốn tìm hiểu thì hãy vào link trên để xem. Trong bài mình chỉ đề cập mối liên hệ giữa JSON và OBJECT trong Javascript.

Mục lục

  • 1. Đối tượng trong Javascript
  • 2.  Liên tưởng tới JSON
  • 3. Lời kết

1. Đối tượng trong Javascript

Đối tượng trong Javascript được khai báo với cấu trúc như sau:

Bài viết này được đăng tại tranvanbinh.vn

1
2
3
4
5
var objectName = {
    key1 : "value1",
    key2 : "value2",
    key3 : "value3"
};

Giả sử ta cần lưu trữ thông tin của sinh viên thì ta khai báo như sau:

1
2
3
4
5
var sinhvien = {
    name : "Trần Văn Bình",
    age : "1990",
    blog : "tranvanbinh.vn"
};

Nhưng trường hợp ta cần lưu trữ nhiều sinh viên cùng một lúc thì sao? Lúc này ta cần sử dụng mảng trong javascript để lưu trữ, lúc này cấu trúc khai báo như sau:

1
2
3
4
5
6
7
8
9
10
11
12
var sinhvien = [
    {
        name : "Trần Văn Bình",
        age : "1990",
        blog : "tranvanbinh.vn"
    },
    {
        name : "Trần Bình Minh",
        age : "1992",
        blog : "tranvanbinh.vn"
    }
];

Dấu ngoặc vuông [] trong trường hợp này chính là cách khai báo mảng trong Javascript.

2.  Liên tưởng tới JSON

Từ ví dụ trên nếu liên tưởng tới JSON thì bạn sẽ thấy nó rất giống phải không nào, chỉ khác ở chỗ tên key không được bao quanh bởi cặp dấu nháy kép. Tuy nhiên bản chất nó lại giống nhau, nghĩa là JSON lấy ý tưởng kết hợp giữa đối tượng và mảng trong Javascript.

Với ví dụ trên nếu chuyển thành chuỗi JSON thì ta sẽ có như sau:

1
2
3
4
5
{
    "name" : "Trần Văn Bình",
    "age" : "1990",
    "blog" : "tranvanbinh.vn"
}

Và trường hợp lưu trữ nhiều sinh viên sẽ là:

1
2
3
4
5
6
7
8
9
10
11
12
[
    {
        "name" : "Trần Văn Bình",
        "age" : "1990",
        "blog" : "tranvanbinh.vn"
    },
    {
        "name" : "Trần Bình Minh",
        "age" : "1992",
        "blog" : "tranvanbinh.vn"
    }
]

Như vậy việc sử dụng JSON để thao tác trong Javascript hoàn toàn có lợi vì nó đơn giản nhưng rất hiệu quả, chính vì vậy đa số các ứng dụng có sử dụng API đều trả kết quả về dạng JSON (xem bài các tình huống JSON). 

3. Lời kết

Bài này cũng không có gì đặc sắc vì mình chỉ muốn nhấn mạnh với các bạn rằng JSON có mỗi liên hệt mật thiết với Javascript, vì thế hãy sử dụng JSON nếu có thể thay vì sử dụng XML hoặc một kiểu dữ liệu nào khác. Sau khi đọc xong bài này bạn có thể tới serie học ajax để xem rồi đấy.

=============================
* Nếu bạn muốn tiết kiệm 3-5 NĂM trên con đường trở thành DBA chuyên nghiệp thì hãy đăng ký ngay KHOÁ HỌC ORACLE DATABASE A-Z ENTERPRISE, được Coaching trực tiếp từ tôi với toàn bộ kinh nghiệm, thủ tục, quy trình, bí kíp thực chiến mà bạn sẽ KHÔNG THỂ tìm kiếm trên Internet/Google giúp bạn dễ dàng quản trị mọi hệ thống Core tại Việt Nam và trên thế giới, đỗ OCP.
- CÁCH ĐĂNG KÝ: Gõ (.) hoặc để lại số điện thoại hoặc inbox https://m.me/tranvanbinh.vn hoặc Hotline/Zalo 090.29.12.888
- Chi tiết tham khảo:
https://bit.ly/oaz_w
=============================
2 khóa học online qua video giúp bạn nhanh chóng có những kiến thức nền tảng về Linux, Oracle, học mọi nơi, chỉ cần có Internet/4G:
+ Oracle cơ bản: https://bit.ly/admin1_1200
+ Linux: https://bit.ly/linux_1200
=============================
KẾT NỐI VỚI CHUYÊN GIA TRẦN VĂN BÌNH:
📧 Mail: binhoracle@gmail.com
☎️ Mobile/Zalo: 0902912888
👨 Facebook: https://www.facebook.com/BinhOracleMaster
👨 Inbox Messenger: https://m.me/101036604657441 (profile)
👨 Fanpage: https://www.facebook.com/tranvanbinh.vn
👨 Inbox Fanpage: https://m.me/tranvanbinh.vn
👨👩 Group FB: https://www.facebook.com/groups/DBAVietNam
👨 Website: https://www.tranvanbinh.vn
👨 Blogger: https://tranvanbinhmaster.blogspot.com
🎬 Youtube: https://www.youtube.com/@binhguru
👨 Tiktok: https://www.tiktok.com/@binhguru
👨 Linkin: https://www.linkedin.com/in/binhoracle
👨 Twitter: https://twitter.com/binhguru
👨 Podcast: https://www.podbean.com/pu/pbblog-eskre-5f82d6
👨 Địa chỉ: Tòa nhà Sun Square - 21 Lê Đức Thọ - Phường Mỹ Đình 1 - Quận Nam Từ Liêm - TP.Hà Nội

=============================
oracle tutorial, học oracle database, Tự học Oracle, Tài liệu Oracle 12c tiếng Việt, Hướng dẫn sử dụng Oracle Database, Oracle SQL cơ bản, Oracle SQL là gì, Khóa học Oracle Hà Nội, Học chứng chỉ Oracle ở đầu, Khóa học Oracle online,sql tutorial, khóa học pl/sql tutorial, học dba, học dba ở việt nam, khóa học dba, khóa học dba sql, tài liệu học dba oracle, Khóa học Oracle online, học oracle sql, học oracle ở đâu tphcm, học oracle bắt đầu từ đâu, học oracle ở hà nội, oracle database tutorial, oracle database 12c, oracle database là gì, oracle database 11g, oracle download, oracle database 19c, oracle dba tutorial, oracle tunning, sql tunning , oracle 12c, oracle multitenant, Container Databases (CDB), Pluggable Databases (PDB), oracle cloud, oracle security, oracle fga, audit_trail,oracle RAC, ASM, oracle dataguard, oracle goldengate, mview, oracle exadata, oracle oca, oracle ocp, oracle ocm , oracle weblogic, postgresql tutorial, mysql tutorial, mariadb tutorial, ms sql server tutorial, nosql, mongodb tutorial, oci, cloud, middleware tutorial, hoc solaris tutorial, hoc linux tutorial, hoc aix tutorial, unix tutorial, securecrt, xshell, mobaxterm, putty

ĐỌC NHIỀU

Trần Văn Bình - Oracle Database Master