Array Object là một mảng chứa các phần tử, cho phép truy xuất các phương thức của đối tượng bên trong nó để đáp ứng các nhu cầu xử lý dữ liệu khác nhau khi mà Array chỉ có tác dụng duy nhất là lấy phần tử trong nó ra. Trong bài này chúng ta cùng tìm hiểu Array Object nhé
Tại sao nên sử dụng Array Object ?
Có rất nhiều lý do để có thể sử dụng Array Object mà tôi không thể liệt kê hết các bảng kê được cho các bạn, nhưng ở đây tôi sẽ tóm tắt một cách ngắn gọn cho các bạn
- You have nhu cầu có thể hiện dữ liệu trong mảng bằng nhiều cách khác nhau
- You have nhu cầu có thể hiện kiểu dữ liệu của đối tượng chứa bên trong mảng
- Bạn có nhu cầu có thể gợi ý các phương thức trong Visual Studio Code hoặc JavaScript IDE bất kỳ, rất phù hợp khi sử dụng trong TypeScript hay Babel
- Bạn có nhu cầu có thể hiện kỹ năng viết Mã của mình trước các nhà tuyển dụng hoặc thành viên trong Đội
Frame mode of Array Object
Tiếp theo những lợi ích của Array Object thì cũng tồn tại một số nhược điểm khi sử dụng nó
- Làm chậm ứng dụng của bạn so với việc sử dụng Array thông thường
- Chỉ hữu ích khi bạn sử dụng một mảng dữ liệu nhưng ở nhiều mục đích khác nhau
- Bạn cần có kiến thức định rõ nhất về Lập trình hướng đối tượng để sử dụng thành công
Một số ví dụ khi sử dụng Array Object
Xem Đối tượng mảng bút trong JavaScript của An Vũ [@thienanblog] trên CodePen. 0
Move ví dụ trên JavaScript ES6 tiêu chuẩn [Xem thêm Tìm hiểu về một số cú pháp ES6 trong JavaScript]
Như các bạn đã biết, Javascript có 5 kiểu dữ liệu
get = object.property;
object.property = set;get = object.property;
object.property = set;get = object.property;
object.property = set;let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}Đối tượng là gì?
Các đối tượng trong JavaScript, cũng tương tự như các ngôn ngữ khác, có thể so sánh như các đối tượng trong đời thường. Ý niệm về các đối tượng trong JavaScript có thể được hiểu như những đối tượng thực tế trong đời thực
Trong JavaScript, một đối tượng là một thực thể độc lập, với thuộc tính và kiểu. Get the parse as ví dụ. Cái tách là một đối tượng có các thuộc tính của riêng nó. Một cái tách rời có màu sắc, thiết kế, trọng lượng, chất liệu tạo ra nó, vân vân. Tương tự như vậy, các đối tượng JavaScript có thể có các thuộc tính xác định nghĩa nên đặc tính của nó
Đối tượng trong Javascript là một tập hợp các cặp từ khóa - giá trị, tương tự như bản đồ, từ điển, hoặc bảng băm trong ngôn ngữ lập trình khác
- Đối tượng là một tập hợp các thuộc tính
- Thuộc tính là một cặp từ khóa - giá trị chứa tên và giá trị
- Thuộc tính tên là một giá trị duy nhất có thể bị ép buộc vào một chuỗi và trỏ đến một giá trị
- Thuộc tính giá trị có thể là bất kỳ giá trị nào, bao gồm các đối tượng khác hoặc hàm, được liên kết với tên/khóa
Đối tượng [Object] và những điều cần biết
1. Tạo đối tượng
Các bạn có 3 cách để khai báo đối tượng trong Javascript.
- Use from key {}
- Sử dụng từ khóa
4let hello; let world; // Old way const obj = { hello: hello, world: world } // Modern way const obj = { hello, world, } - Sử dụng phương thức tĩnh
Dưới đây là ví dụ về tạo đối tượng rỗng trong Js
________số 82. Nhận và thiết lập thuộc tính [Get and Set Properties]
Bây giờ chúng ta đã có 1 đối tượng trống, chúng ta cần bổ sung các thuộc tính vào nó bằng cách sử dụng các trình truy cập [accessors]
Tên thuộc tính hợp lệ bao gồm chữ cái, số, ký tự,. may be ép to a string, but not used used by the other way as
let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}get = object.property;
object.property = set;Kể từ ES6, chúng ta có một cách viết tắt tiện lợi để thiết lập các thuộc tính
let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}Sử dụng một biến hoặc biểu thức làm thuộc tính tên bằng cách đặt nó trong dấu trích dẫn [] - đây được gọi là thuộc tính được tính toán
get = object.property;
object.property = set;Thuộc tính của đối tượng có thể bị xóa bằng từ khóa
let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}get = object.property;
object.property = set;3. Phương thức trong đối tượng
Một đối tượng bên ngoài các thuộc tính của nó còn chứa hàm gọi là phương thức. Một phương thức là một hàm liên kết với một đối tượng, hoặc có thể nói phương thức là một thuộc tính của đối tượng có giá trị là một hàm. Phương thức được định nghĩa giống như cách định nghĩa hàm, ngoại trừ việc chúng ta phải được gán như là thuộc tính của một đối tượng
Thường các phương thức được định nghĩa thông qua một đối tượng khởi tạo hàm. Ví dụ
get = object.property;
object.property = set;Các phương thức bạn cũng có thể định nghĩa bên ngoài khởi động chức năng. Ví dụ
get = object.property;
object.property = set;4. Setter và Getter
Một thuộc tính của đối tượng còn thiết lập nó là hàm
let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}get = object.property;
object.property = set;let hello;
let world;
// Old way
const obj = {
hello: hello,
world: world
}
// Modern way
const obj = {
hello,
world,
}get = object.property;
object.property = set;Định nghĩa hàm setter bằng cách bổ sung
get = object.property;
object.property = set;get = object.property;
object.property = set;get = object.property;
object.property = set;Trong trường hợp muốn định nghĩa
get = object.property;
object.property = set;get = object.property;
object.property = set;get = object.property;
object.property = set;Ví dụ về định nghĩa lại trong hàm tạo
get = object.property;
object.property = set;5. Sử dụng cái này để tham chiếu tới các đối tượng
Trong một đối tượng thông thường,
get = object.property;
object.property = set;get = object.property;
object.property = set;6. Đối tượng So sánh
Trong JavaScript những đối tượng này là kiểu tham chiếu. Hai đối tượng phân tách không bao giờ bằng nhau, ngay cả khi chúng có cùng thuộc tính. Only when it so sánh với chính nó thì kết quả mới là true
Ví dụ
_______01____02____03Constructor là gì?
get = object.property;
object.property = set;get = object.property;
object.property = set;cú pháp
get = object.property;
object.property = set;Ví dụ
get = object.property;
object.property = set;Chỉ có duy nhất 1 phương thức đặc biệt tên là "constructor" ở trong class. Có nhiều hơn 1 phương thức
get = object.property;
object.property = set;get = object.property;
object.property = set;Một hàm tạo có thể sử dụng từ khóa
get = object.property;
object.property = set;If you don't only 1 constructor method, default constructor will be used
Một ví dụ khác sử dụng phương thức
get = object.property;
object.property = set;get = object.property;
object.property = set;pause
Như vậy trong bài viết này chúng ta đã cùng nhau tìm hiểu qua các vấn đề về Object trong Javascript. Có thể chưa thật sự đầy đủ nhưng nó sẽ giúp các bạn có cái nhìn tổng quan hơn về Object trong Javascript. Bạn thấy thế nào về JS, hãy đưa ra những ý kiến trong quá trình sử dụng JS nhé. Nếu các bạn thấy bài viết hữu ích hãy đánh giá 5* và share cho mọi người cùng tham khảo