Sử dụng JSON trong Javascript hướng dẫn bạn sử dụng JSON – một định dạng văn bản có cấu trúc, rất thuận lợi để xử lý và trao đổi thông tin qua mạng
JSON is what
JSON là một dạng văn bản định dạng có cấu trúc, rất thuận lợi để xử lý và luân chuyển thông tin giữa các ứng dụng trên mạng. Hầu hết các ngôn ngữ lập trình hiện nay đều xử lý được JSON và javascript cũng thế
- JSON viết đầy đủ là JavaScript Object Ký hiệu
- Dùng để diễn tả dữ liệu có cấu trúc, rất đơn giản, dễ dùng, dễ đọc nhờ ứng dụng
- Tạo khả năng trao đổi dữ liệu dễ dàng giữa các hệ thống phần mềm trên mạng
- JSON độc lập với ngôn ngữ, nó không phụ thuộc vào môi trường hay ngôn ngữ lập trình nào
- Dữ liệu dạng văn bản JSON, viết rất giống với các đối tượng trong JavaScript. Trong JSON, khóa phải là kiểu chuỗi, viết trong nháy mắt kép
Ví dụ
var json = { "url":"//longnv.name.vn", "name":"Thầy Long Web" };
var obj = { url:"//longnv.name.vn", name:"Thầy Long Web" };
console.log[json];
console.log[obj];
In sao sử dụng JSON?
Vì JSON có định dạng là văn bản nên bạn nên dễ dàng gửi và nhận qua mạng với các ứng dụng khác, trang web khác. Bởi vậy JSON được sử dụng như là 1 định dạng dữ liệu phải có trong các ngôn ngữ lập trình hiện nay như javascript, c#, visual basic, php, java…
Dữ liệu JSON là dữ liệu có cấu trúc, dễ phân tách, trích xuất ra để xử lý
Đối tượng JSON
Đối tượng JSON được đặt trong dấu { } , viết theo từng cặp khóa. value , cach nhau by dấu. Trong khóa đó phải là chuỗi [đặt trong nháy mắt], giá trị có thể là các kiểu [chuỗi, số, đối tượng, mảng, boolean hoặc null]. Phím từng cặp. value way nhau by comcom. Ví dụ
var sp = { "id":1, "ten":"Gạo", "gia":23000,"km":null}
var website = {"protocol":"https", "domain":"longnv.name.vn"};
console.log[sp];
console.log[website];
Data type of value json
In the value in JSON object may be 1 in the following types
- Chuỗi { “xeploai”. ”Gỏi” } //Gỏi là kiểu chuỗi, đặt trong nháy mắt
- Số { “tuổi”. 30 } //30 is number type, from used flash
- Đối tượng { “nhân viên”. { "mười". ”Phúc”, “tuổi”. 20 } } // { “mười”. ”Phúc”, “tuổi”. 20 } is object, set in the mark {}
- Mảng. { "sinh viên". [ “Tâm”, “An”, “Lành” ] } //[ “Tâm”, “An”, “Lành” ] là mảng , đặt trong dấu []
- Boolean. { “phai”. ĐÚNG VẬY }
- Vô giá trị. { "tên đệm". vô giá trị }
Truy xuất giá trị trong đối tượng json
Muốn truy xuất giá trị đối tượng json value thì dùng dấu chấm [. ] or used a table tag are all. Xem ví dụ sau
dt= { "ten":"Samsung A31", "gia":6500000, "mau":"Đen"};
t = dt.ten; //dùng dấu chấm
g = dt['gia']; //dùng ngoặc vuông cũng được
alert["Tên =" + t + " Gia = " + g ]; //Tên =Samsung A31 Gia = 6500000
set by object json
Bạn có thể lặp qua 1 đối tượng json bằng cách sử dụng vòng lặp cho. to get the key, used paragray to access the value. Ví dụ
laptop = {"ten":"HP 340s G7", "gia":12900000, "soluong":1, "cóquà": true};
for [ key in laptop ] {
str = key.toUpperCase[] + " : " + laptop[key] +"
";
document.getElementById["kq"].innerHTML += str;
}
/* Kết quả:
TEN : HP 340s G7
GIA : 12900000
SOLUONG : 1
CÓQUÀ : true
*/
JSON object lồng nhau
Các giá trị trong đối tượng JSON cũng có thể là 1 đối tượng JSON cũng được. Truy xuất các đối tượng JSON bằng cách sử dụng dấu chấm hoặc sử dụng trích dẫn. Ví dụ
nhanVienObj = {
"hoten":"Đào Công Sự",
"ngaysinh":"15/04/2000",
"phone": {
"home":"028341932",
"hand":"0918764526",
"work":"028156392"
}
};
h = nhanVienObj.phone.home; console.log["home = " , h];
w = nhanVienObj.phone["work"]; console.log["work = " , w];
nhanVienObj.phone.home= "098111111";
nhanVienObj.phone["hand"] = "098222222";
console.log[nhanVienObj];
Xoá thuộc tính của đối tượng json
Muốn xóa 1 đối tượng json hoặc 1 thuộc tính của nó thì bạn dùng lệnh xóa để xóa
nhanVienObj = {
"hoten":"Đào Công Sự",
"ngaysinh":"15/04/2000",
"phone": {
"home":"028341932",
"hand":"0918764526",
"work":"028156392"
}
};
delete nhanVienObj.phone.work;
delete nhanVienObj.ngaysinh;
console.log[nhanVienObj];
Mảng trong JSON
Sử dụng cũng giống như mảng trong JavaScript. Ví dụ
[ "Chân thành", "Khiêm tốn", "Trách nhiệm" ]
Truy xuất giá trị trong mảng
Để truy xuất các giá trị trong 1 mảng json, bạn chỉ sử dụng số để truy xuất [chỉ số tính từ 0]. Ví dụ
kh = {
"hoten":"Nguyễn Văn Tèo",
"tuoi":20,
"sothich" : [ "Nhìn mưa rơi", "Nghe chim hót", "Ngắm mây bay"]
};
alert[kh.sothich[0]]; //Nhìn mưa rơi
alert[kh.sothich[1]]; //Nghe chim hót
setting qua array
Use loop for as ví dụ 1 sai
________số 8_______Ví dụ 2
hangSX = {
"ten":"HP",
"soluong":130,
"laptops": [
{ "ten":"HP G7", "mau":[ "Đen", "Xám", "Trắng" ] },
{ "ten":"HP G8", "mau":[ "Trắng", "Đen"] },
{ "ten":"HP Omen", "models":[ "Xám", "Đen" ] }
]
};
str="";
for [ i in hangSX.laptops] {
str += "" + hangSX.laptops[i].ten + "
";
for [j in hangSX.laptops[i].mau] {
str += hangSX.laptops[i].mau[j] +"
";
}
}
document.getElementById["kq"].innerHTML = str;
Ví dụ 3. set through array json object
var sp = { "id":1, "ten":"Gạo", "gia":23000,"km":null}
var website = {"protocol":"https", "domain":"longnv.name.vn"};
console.log[sp];
console.log[website];
0Sử dụng JSON trong Javascript với các hàm parse và stringify
Trong javascript, có một số hàm chuyển đổi dữ liệu JSON giúp sử dụng JSON trong Javascript tốt hơn, đó là hàm JSON. parse[] và JSON. xâu chuỗi []
Hàm JSON. parse[] – Đổi chuỗi json thành đối tượng javascript
Trong JavaScript, bạn sử dụng đối tượng rất phổ biến. Do đó hàm JSON. parse[] rất tiện dụng, nó giúp bạn chuyển một chuỗi JSON [nhận từ máy chủ/ứng dụng khác] thành đối tượng của JavaScript để bạn thiết lập chương trình
nói gọn. Hàm JSON. parse[] giúp chuyển chuỗi json thành đối tượng javascript
var sp = { "id":1, "ten":"Gạo", "gia":23000,"km":null}
var website = {"protocol":"https", "domain":"longnv.name.vn"};
console.log[sp];
console.log[website];
1Hàm JSON. stringify[] – Đổi đối tượng javascript thành chuỗi json
Hàm JSON. stringify[] giúp chuyển một đối tượng [đối tượng] thành chuỗi [để truyền đi]. Đối tượng thì không được chuyển qua mạng, còn chuỗi thì chuyển được ở định dạng văn bản
Do đó trước khi gửi đối tượng đến máy chủ hoặc ứng dụng khác, bạn phải sử dụng hàm JSON. stringify[] to rechange to string.
var sp = { "id":1, "ten":"Gạo", "gia":23000,"km":null}
var website = {"protocol":"https", "domain":"longnv.name.vn"};
console.log[sp];
console.log[website];
2Đổi mảng javaScript thành chuỗi
Bạn có thể tận hưởng việc sử dụng hàm JSON. stringify[] to convert 1 array JavaScript to string. Ví dụ
var sp = { "id":1, "ten":"Gạo", "gia":23000,"km":null}
var website = {"protocol":"https", "domain":"longnv.name.vn"};
console.log[sp];
console.log[website];
3Sử dụng JSON trong Javascript rất đơn giản vì nó giống với đối tượng. Bạn đã học cách tạo, cách truy xuất các giá trị trong đối tượng json, cách lặp qua đối tượng json, cách chuyển đổi qua đối tượng. Đó là những kiến thức hữu ích vì nó giúp bạn xử lý các dữ liệu đồ về từ máy chủ hoặc ứng dụng khác theo định dạng json
Có một thứ gần giống json, cũng giúp mô tả dữ liệu có cấu trúc, đó là xml, nếu muốn mời bạn đọc tiếp nhé Ứng dụng của XML