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

0

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.

Object – Đối tượng trong JavaScript

Đối tượng là gì?

Object – Đối tượng là một khái niệm trừu tượng thể hiện, mô tả một đối tượng cụ thể trong thực tế (vật thể, hành động, quy trình …). Một đối tượng sẽ có các thuộc tính (biến), dùng để mô tả các đặc điểm của đối tượng; và các phương thức (hàm) để diễn tả hành động, thao tác của đối tượng đó. Đối tượng được dùng để đ1ong gói dữ liệu, các thông tin liên quan như thuộc tính và phương thức được gom lại thành một nhóm để mô tả vật hay hành động

Ví dụ:

+ Đối tượng có thể mô tả một vật. Ví dụ đối tượng xe

Có các thuộc tính: số lượng bánh, màu sơn, hãng …

Có các phương thức (hàm): chạy, dừng, tăng tốc …

+ Đối tượng có thể mô tả một hành động. Ví dụ: công việc nấu ăn một món ăn

Có các thuộc tính: người nấu, phương thức nấu (chiên, xào …), thời gian, …

Có các phương thức (hàm): chuẩn bị sơ chế, chế biến, dọn …

Trong JavaScript, chúng ta có một số đối tượng định nghĩa sẵn như Date, Time, hay thậm chí là window … Ngoài ra, lập trình viên có thể tạo ra có đối tượng theo định nghĩa của mình.

Khởi tạo đối tượng

Cách 1: dùng dấu {} và thêm đối tượng lúc khai báo

var person = {
   firstName:"John",
   lastName:"Doe",
   age:50,
   eyeColor:"blue"
};

Cách 2: dùng từ khóa new Object()

var person = new Object();

Sau đó, thêm thuộc tính bằng cách gán object.thuộc tính = value

Ví dụ

person.firstName ='John'

Thêm phương thức cho đối tượng

thêm phương thức bằng cách object.phương thức = function(){ nội dung của phương thức }

person.wake() = function(){
// do some thing
}

Truy xuất đối tượng

+ Lấy giá trị thuộc tính

var name = preson.firstName;

+ Lấy giá trị từ phương thức xử lý của Object

var wake = person.wake();

Các đối tượng định nghĩa sẵn như String, Date sẽ có cách khởi tạo khác.

name = new String()

JSON – JavaScript Object Notation

JSON là một kiểu định dạng dữ liệu trong đó sử dụng văn bản thuần tuý, định dạng JSON sử dụng các cặp key – value để dữ liệu sử dụng. JSON lấy ý tưởng từ object – đối tượng trong javascript.

Công dụng của JSOn là để truyền tải dữ liệu. JSON thường được ứng dụng trong AJAX hoặc xây dựng các web API.

Cấu trúc của một JSON dạng Object

{
   "key-1" : "value-1",
   "key-2" : "value-2",
   "key-3" : "value-3",
}

Cấu trúc của một JSON chứa Array mảng

{"employees":[
   { "firstName":"John", "lastName":"Doe" },
   { "firstName":"Anna", "lastName":"Smith" },
   { "firstName":"Peter", "lastName":"Jones" }
]}

employees là một key có giá trị là một mảng gồm nhiều Object bên trong. Value của mảng thể hiện bằng ngoặc vuông [ ]

Điểm khác biệt giữa JSON và JavaScript Object là key của JSON nằm trong dấu ” “.

Qua 10 bài 10 về JavaScript, mình nghĩa các bạn cũng đã có một vốn kiến thức để tìm hiểu sâu hơn về JavaScript. Các bạn có thể xem lại toàn bộ khóa học ở đâu nhé. link

Nguồn tham khảo của bài viết lấy từ w3school JS ObjectJSON

Nếu có thắc mắc, hãy đặt câu hỏi bằng cách comment bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.

Liên hệ

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.