Đối tượng [viết hoa] mô tả các thuộc tính chung cho tất cả các đối tượng JavaScript. Nó được định nghĩa trong tệp đi kèm với thư viện TypeScript
Cả đối tượng và mảng đều được coi là "đặc biệt" trong JavaScript. Các đối tượng đại diện cho một loại dữ liệu đặc biệt có thể thay đổi và có thể được sử dụng để lưu trữ một tập hợp dữ liệu [chứ không chỉ là một giá trị]. Mảng là một loại biến đặc biệt cũng có thể thay đổi và cũng có thể được sử dụng để lưu trữ danh sách các giá trị. Vì vậy, chính xác sự khác biệt giữa các đối tượng và mảng là gì, khi nào bạn sử dụng cái nào và làm thế nào để làm việc với từng cái?
Các đối tượngKhi nào nên sử dụng đối tượng
Đối tượng được sử dụng để đại diện cho một “thứ” trong mã của bạn. Đó có thể là một người, một chiếc ô tô, một tòa nhà, một cuốn sách, một nhân vật trong trò chơi — về cơ bản là bất cứ thứ gì được tạo nên hoặc có thể được xác định bởi một tập hợp các đặc điểm. Trong các đối tượng, những đặc điểm này được gọi là thuộc tính bao gồm một
// Dot notation3 và một
person.age // returns 33// Bracket notation
person['age'] // returns 33
// Dot notation4.
person.age // returns 33// Bracket notation
person['age'] // returns 33
// Basic object syntax
var object = {
key: 'value'
};// Example 'person' object
var person = {
name: 'Zac',
age: 33,
likesCoding: true
};
Truy cập, thêm và xóa các mục khỏi đối tượng
Có thể truy cập, thêm, thay đổi và xóa các thuộc tính trong đối tượng bằng cách sử dụng ký hiệu dấu chấm hoặc dấu ngoặc vuông. Để lấy giá trị của khóa
// Dot notation5 trong đối tượng
person.age // returns 33// Bracket notation
person['age'] // returns 33
// Dot notation6 của chúng tôi với cả ký hiệu dấu chấm và dấu ngoặc, chúng tôi sẽ viết.
person.age // returns 33// Bracket notation
person['age'] // returns 33
// Dot notation
person.age // returns 33// Bracket notation
person['age'] // returns 33
Giả sử chúng ta muốn thay đổi giá trị của
// Dot notation7 thành false. Chúng ta có thể làm điều đó với ký hiệu dấu chấm như thế này
person.age // returns 33// Bracket notation
person['age'] // returns 33
let a = { name: 'Ayush' }1
Và nếu chúng tôi muốn thêm một thuộc tính mới vào đối tượng
// Dot notation6 của mình, chúng tôi cũng có thể thực hiện điều đó bằng ký hiệu dấu chấm
person.age // returns 33// Bracket notation
person['age'] // returns 33
let a = { name: 'Ayush' }3
Cuối cùng, để xóa một thuộc tính khỏi một đối tượng, chúng tôi sử dụng từ khóa
// Dot notation9 như vậy
person.age // returns 33// Bracket notation
person['age'] // returns 33
let a = { name: 'Ayush' }5
Kiểm tra bài đăng này về sự khác biệt giữa ký hiệu dấu chấm và dấu ngoặc và khi nào nên sử dụng từng ký hiệu
Lặp qua các đối tượng
Cách phổ biến nhất để lặp qua các thuộc tính trong một đối tượng là với vòng lặp for…in.
let a = { name: 'Ayush' }6
Một cách khác để lặp qua các thuộc tính của đối tượng là nối thêm phương thức forEach[] vào Đối tượng. phím[]
let a = { name: 'Ayush' }7Mảng
Khi nào nên sử dụng mảng
Chúng tôi sử dụng mảng bất cứ khi nào chúng tôi muốn tạo và lưu trữ danh sách nhiều mục trong một biến. Mảng đặc biệt hữu ích khi tạo các bộ sưu tập có thứ tự trong đó các mục trong bộ sưu tập có thể được truy cập theo vị trí số của chúng trong danh sách. Giống như các thuộc tính đối tượng có thể lưu trữ các giá trị của bất kỳ kiểu dữ liệu nguyên thủy nào [cũng như một mảng hoặc một đối tượng khác], mảng cũng có thể bao gồm các chuỗi, số, booleans, đối tượng hoặc thậm chí các mảng khác.
Truy cập, thêm và xóa các mục khỏi mảng
Mảng sử dụng , do đó, mục đầu tiên trong một mảng có chỉ mục là 0, mục thứ hai có chỉ mục là 1, v.v. Chẳng hạn, giả sử chúng ta muốn truy cập mục thứ ba ['Thành phố Mexico'] trong mảng sau.
let a = { name: 'Ayush' }8
Để làm như vậy, chúng tôi sẽ viết
let a = { name: 'Ayush' }9
Có thể thêm và bớt các mục từ đầu hoặc cuối mảng bằng cách sử dụng các phương thức
let a = { name: 'Ayush' }10,
let a = { name: 'Ayush' }11,
let a = { name: 'Ayush' }12 và
let a = { name: 'Ayush' }13
let a = new Object[]; a.name = 'Ayush'4
Lặp qua mảng
Chúng ta có thể lặp qua các mục trong một mảng theo một số cách. Đầu tiên là tiêu chuẩn cho vòng lặp.
// Dot notation0
person.age // returns 33// Bracket notation
person['age'] // returns 33
Ngoài ra còn có vòng lặp for…of
// Dot notation1
person.age // returns 33// Bracket notation
person['age'] // returns 33
Hoặc chúng ta có thể sử dụng phương thức forEach[]
// Dot notation2
person.age // returns 33// Bracket notation
person['age'] // returns 33
Một lần nữa, sự giống nhau giữa các kỹ thuật lặp của đối tượng và mảng có thể khiến mọi thứ trở nên khó hiểu. Đây là một bài viết hữu ích để làm sáng tỏ mọi thứ
kết thúcCác đối tượng đại diện cho “mọi thứ” với các đặc điểm [còn gọi là thuộc tính], trong khi các mảng tạo và lưu trữ danh sách dữ liệu trong một biến duy nhất. Cả ký hiệu dấu chấm và dấu ngoặc đều cho phép chúng tôi truy cập, thêm, thay đổi và xóa các mục khỏi một đối tượng, trong khi lập chỉ mục dựa trên số không và nhiều phương thức tích hợp sẵn cho phép chúng tôi truy cập và thay đổi các mục trong một mảng. Cuối cùng, chúng ta có thể lặp lại các thuộc tính đối tượng và các mục mảng bằng cách sử dụng các vòng lặp khác nhau [e. g. cho, cho…trong, cho…của, choEach[]]
Cảm ơn vì đã đọc. Nếu bạn muốn tìm hiểu thêm về các nguyên tắc cơ bản của HTML, CSS và JavaScript, hãy theo dõi Web Dev Basics trên Medium. Sẵn sàng để viết một số mã? . Đăng ký khóa học và tìm hiểu những điều cơ bản về phát triển web