Trong JavaScript, đối tượng là một thực thể thời gian thực chứa các thuộc tính và phương thức. Nói một cách đơn giản, chúng ta có thể nói rằng đối tượng là một ví dụ của một lớp. Nó lưu trữ dữ liệu dưới dạng các cặp khóa và giá trị. Các khóa thường được gọi là thuộc tính và các giá trị được gọi là giá trị thuộc tính.properties and the values are referred to as property values.
Có hai cách để xác định một đối tượng trong JavaScript.
Cú pháp
var obj = new Object[];
[or]
var obj = {property1: value, property2 : value2 …….}
Sử dụng toán tử DOT [.]
Trong JavaScript, sử dụng toán tử DOT [.] Chúng ta có thể truy cập một biến được lưu trữ trong một đối tượng. Toán tử DOT [.] Sẽ hoạt động như một đầu nối giữa đối tượng và biến được thêm vào.
Nhà điều hành này không chỉ giúp thêm các yếu tố mới vào đối tượng mà còn được sử dụng để truy cập các yếu tố hiện có trong một đối tượng ở bất kỳ nơi nào khác trong chương trình.
let obj = {property: value, …..}; obj.property = value;
Hãy để thảo luận về phương pháp này với một ví dụ thích hợp.
Thí dụ
Trong chương trình ví dụ bên dưới, chúng tôi đã sử dụng phương thức toán tử DOT [.] Để truy cập và thêm các phần tử vào một đối tượng.
Add Element in an Object var student = { name: 'abc', age: 20, city: 'Hyderabad', } student.marks = 80; document.write[ "Name: " + student.name + "
" + "Age: " + student.age + "
" + "City: " + student.city + "
" + "Marks: " + student.marks ] console.log[student];
Sử dụng phương thức gán []
Trong JavaScript, gán [] là một phương thức được xây dựng. Sử dụng phương thức gán [], chúng ta có thể gán hoặc thêm một giá trị mới cho một đối tượng hiện có hoặc chúng ta có thể tạo đối tượng mới mà không thay đổi các giá trị đối tượng hiện có.
Cú pháp
Object.assign[target,source];
Sử dụng toán tử DOT [.]
Trong JavaScript, sử dụng toán tử DOT [.] Chúng ta có thể truy cập một biến được lưu trữ trong một đối tượng. Toán tử DOT [.] Sẽ hoạt động như một đầu nối giữa đối tượng và biến được thêm vào.
Nhà điều hành này không chỉ giúp thêm các yếu tố mới vào đối tượng mà còn được sử dụng để truy cập các yếu tố hiện có trong một đối tượng ở bất kỳ nơi nào khác trong chương trình.
Hãy để thảo luận về phương pháp này với một ví dụ thích hợp.
Object.assign[{},objectname,{property: value}];
Thí dụ
Add Element in an Object var book = { name: 'English', price: 250, } var newobj = Object.assign[{}, book, {publishyear : 2015}]; document.write[ "Name: " + newobj.name + "
" + "Price: " + newobj.price + "
" + "Publish year: " + newobj.publishyear ]
Trong chương trình ví dụ bên dưới, chúng tôi đã sử dụng phương thức toán tử DOT [.] Để truy cập và thêm các phần tử vào một đối tượng.
Sử dụng phương thức gán []
Object.assign[objectname,{prooerty:value}];
Trong JavaScript, gán [] là một phương thức được xây dựng. Sử dụng phương thức gán [], chúng ta có thể gán hoặc thêm một giá trị mới cho một đối tượng hiện có hoặc chúng ta có thể tạo đối tượng mới mà không thay đổi các giá trị đối tượng hiện có.
Add Element in an Object var book = { name: 'English', price: 250, } var newobj = Object.assign[book,{publishyear : 2015}]; document.write[ "Name: " + newobj.name + "
" + "Price: " + newobj.price + "
" + "Publish year: " + newobj.publishyear ]
Trong phương thức gán JavaScript [mục tiêu, nguồn] có hai tham số, đầu tiên là mục tiêu thường có nghĩa là chúng ta có thể nhắm mục tiêu đối tượng hiện có hoặc chúng ta có thể đặt một đối tượng trống vào vị trí của mục tiêu, do đó nó sẽ tạo một đối tượng mới mà không cần thay đổi đối tượng hiện có.
Và nguồn có nghĩa là thuộc tính chúng tôi muốn gán một đối tượng cho.
let obj = {}; obj[property] = value;
Thí dụ
Trong chương trình ví dụ bên dưới, chúng tôi đã sử dụng phương thức toán tử DOT [.] Để truy cập và thêm các phần tử vào một đối tượng.
var obj = {property1: value, property2 : value2 …….}0
Sử dụng phương thức gán []
- Trong JavaScript, gán [] là một phương thức được xây dựng. Sử dụng phương thức gán [], chúng ta có thể gán hoặc thêm một giá trị mới cho một đối tượng hiện có hoặc chúng ta có thể tạo đối tượng mới mà không thay đổi các giá trị đối tượng hiện có.
- Trong phương thức gán JavaScript [mục tiêu, nguồn] có hai tham số, đầu tiên là mục tiêu thường có nghĩa là chúng ta có thể nhắm mục tiêu đối tượng hiện có hoặc chúng ta có thể đặt một đối tượng trống vào vị trí của mục tiêu, do đó nó sẽ tạo một đối tượng mới mà không cần thay đổi đối tượng hiện có.
- Và nguồn có nghĩa là thuộc tính chúng tôi muốn gán một đối tượng cho.
- ví dụ 1
- Hãy để hiểu cách thức phương thức gán [] thêm một phần tử mới vào một đối tượng trong javascript mà không thay đổi đối tượng hiện có.
- Trong ví dụ, chúng tôi đã sử dụng phương thức gán [] để thêm một phần tử mới vào một đối tượng hiện có. Vì vậy, chúng tôi đã sử dụng một địa điểm mục tiêu trống và đang tạo một đối tượng mới để nó không thay đổi các giá trị đối tượng hiện có.
- Ví dụ 2
- Trong ví dụ này, chúng tôi sẽ xem xét cách phương thức gán [] hoạt động bằng cách sửa đổi đối tượng hiện có.
- Trong chương trình, chúng tôi đang đưa ra tham số đích trong phương thức gán như một tên đối tượng hiện có để nó cũng sẽ thay đổi giá trị đối tượng hiện có. Chúng ta hãy xem xét làm thế nào điều đó xảy ra trong ví dụ dưới đây -
- Sử dụng khung vuông []
- Sử dụng khung vuông []: Trong JavaScript, chúng ta có thể sử dụng khung [] để thêm các phần tử vào một đối tượng. Đây là một cách khác để thêm một phần tử vào đối tượng JavaScript.
- Trong chương trình ví dụ dưới đây, chúng tôi đã sử dụng khung vuông [] để tìm nạp mảng các phần tử trong bất kỳ chỉ mục cụ thể nào. Ngoài ra, chúng ta có thể thêm phần tử vào một mảng.
- Cập nhật vào ngày 29 tháng 8 năm 2022 10:14:52
- Câu hỏi và câu trả lời liên quan
- Làm thế nào để thêm một tên lớp vào một phần tử với JavaScript?
- Trong PHP, làm thế nào tôi có thể thêm một phần tử đối tượng vào một mảng?