Các đối tượng JavaScript xử lý nhiều thuộc tính là các giá trị cặp khóa. Các thuộc tính này được sử dụng để chỉ định phẩm chất và đặc điểm của một đối tượng được xác định trong JavaScript. Khi các đối tượng được tạo, các thuộc tính liên quan của chúng có thể được thêm, xóa và sửa đổi một cách linh hoạt. Cụ thể hơn, có nhiều phương thức JavaScript có sẵn để thêm các thuộc tính vào một đối tượng.
Bài đăng này sẽ nêu nhiều phương thức để thêm một thuộc tính vào một đối tượng trong JavaScript.
Làm cách nào để thêm/chèn thuộc tính vào một đối tượng trong JavaScript?
Bây giờ, chúng ta sẽ đề cập đến các phương thức sau để thêm thuộc tính vào đối tượng:
- Cách 1: Thêm thuộc tính Sử dụng ký hiệu dấu chấm (.)
- Cách 2: Thêm thuộc tính bằng phương thức Object.assign()
- Phương pháp 3: Thêm thuộc tính bằng phương thức Object.defineProperty()
Phương pháp 1: Thêm Thuộc tính vào Đối tượng Sử dụng ký hiệu dấu chấm (.)
Ký hiệu dấu chấm là một phương pháp để truy cập thuộc tính của đối tượng. Khi viết bằng ký hiệu dấu chấm, trước tiên bạn nên viết tên đối tượng, sau đó viết dấu chấm (.), sau đó chèn tên của thuộc tính.
Ví dụ
Đầu tiên, khai báo một đối tượng với sự trợ giúp của “ cho phép ” và gán các thuộc tính cho đối tượng được xác định trong khối:
để obj = {
tên : 'Nhân viên văn phòng' ,
tuổi : 14 ,
} ;
Sử dụng ' console.log() ” phương thức và truyền đối số “ đối tượng ” để hiển thị trên bảng điều khiển:
bảng điều khiển. đăng nhập ( đối tượng ) ;Bây giờ, thêm thuộc tính với sự trợ giúp của ký hiệu dấu chấm:
đối tượng giáo dục = 'Kỹ sư phần mềm' ;
Hiển thị đầu ra trên bàn điều khiển:
bảng điều khiển. đăng nhập ( đối tượng ) ;đầu ra
Cách 2: Thêm Thuộc tính vào Đối tượng Sử dụng Phương thức Object.assign()
Chúng ta cũng có thể sử dụng “ giao phó() ” phương thức tích hợp sẵn của JavaScript để thêm các thuộc tính vào một đối tượng. Các ' Object.assign() ” là một phương thức tĩnh của JavaScript được sử dụng để sao chép tất cả các tính năng và thuộc tính có thể đếm được từ một hoặc nhiều đối tượng nguồn để nhắm mục tiêu đối tượng.
cú pháp
Để sử dụng phương thức object.assign(), hãy xem cú pháp đã cho:
Sự vật . giao phó ( mục tiêu , nguồn ) ;Trong cú pháp trên:
- “ mục tiêu ” xác định đối tượng mà các giá trị thuộc tính sẽ được sao chép.
- “ nguồn ” chỉ ra đối tượng mà các giá trị thuộc tính tương ứng sẽ được sao chép.
Ví dụ
Trong ví dụ này, đầu tiên, hãy khai báo một biến và gán các thuộc tính. Sau đó, khai báo một biến khác theo quy trình tương tự:
để nhân viên = { tên : 'Diana' , tuổi : 23 } ;để thông tin = { giới tính : 'Nữ giới' , quốc tịch : 'Người Canada' } ;
Sử dụng ' Object.assign() ” và truyền các đối số, trong đó tham số đầu tiên là đối tượng đích và tham số thứ hai là đối tượng nguồn. Phương pháp này sẽ sao chép tất cả các giá trị nguồn trong giá trị được nhắm mục tiêu:
Sự vật . giao phó ( người lao động , thông tin ) ;Sau đó, gọi “ console.log() ” để hiển thị kết quả trên bàn điều khiển:
bảng điều khiển. đăng nhập ( người lao động ) ;bảng điều khiển. đăng nhập ( thông tin ) ;
đầu ra
Phương pháp 3: Thêm Thuộc tính vào Đối tượng Sử dụng Phương thức Object.defineProperty()
Các ' Object.defineProperty() ” là một phương thức tĩnh JavaScript được sử dụng để xác định thuộc tính mới nhất và mới nhất trực tiếp cho một đối tượng hoặc thay đổi thuộc tính hiện có của một đối tượng và trả về đối tượng.
cú pháp
Để sử dụng “ Object.defineProperty() ”, hãy làm theo cú pháp đã cho:
Sự vật . xác định tài sản ( đối tượng , new_property , cấu hình ) ;Đây:
- “ đối tượng ” đề cập đến đối tượng.
- “ new_property ” xác định thuộc tính sẽ được thêm vào.
- “ cấu hình ” xác định giá trị có thể thay đổi và sửa đổi.
Ví dụ
Khai báo một đối tượng với sự trợ giúp của “ cho phép ” từ khóa:
để obj = { } ;Sử dụng “ Object.defineProperty() ” và chuyển các đối số, đồng thời đặt giá trị cho thuộc tính có thể ghi là đúng. Do đó, thuộc tính id của đối tượng obj có thể được thay đổi ngay bây giờ:
Sự vật . xác định tài sản ( đối tượng , 'nhận dạng' , {giá trị : 137 ,
ghi được : ĐÚNG VẬY
} ) ;
Thêm thuộc tính với sự trợ giúp của “ obj.id ” và gán giá trị:
đối tượng nhận dạng = 214 ;Theo các đối số đã truyền, bảng điều khiển sẽ hiển thị giá trị thuộc tính đã thay đổi:
bảng điều khiển. đăng nhập ( 'ID đối tượng:' , đối tượng nhận dạng ) ;Đặt giá trị thuộc tính có thể ghi là sai. Do đó, thuộc tính name của đối tượng obj không thể thay đổi ngay bây giờ:
Sự vật . xác định tài sản ( đối tượng , 'tên' , {giá trị : 'Nhân viên văn phòng' ,
ghi được : SAI } ) ;
Thêm thuộc tính với sự trợ giúp của “ obj.name ” và gán giá trị:
đối tượng tên = 'Hafsa Javed' ;Theo các đối số đã truyền, bảng điều khiển sẽ không hiển thị giá trị thuộc tính mới (Hafsa Javed) đã truyền mà là giá trị (Hafsa) cũ hơn:
bảng điều khiển. đăng nhập ( 'Tên của môn học:' , đối tượng tên ) ;Đó là tất cả về việc thêm thuộc tính vào một đối tượng trong JavaScript.
Phần kết luận
Để thêm thuộc tính vào một đối tượng trong JavaScript, có thể sử dụng nhiều phương thức. Người dùng có thể thêm thuộc tính vào một đối tượng bằng cách sử dụng “ ký hiệu dấu chấm (.) ”, “ Object.assign() ” phương pháp, hoặc “ Object.defineProperty() ' phương pháp. Bài đăng này đã nêu nhiều phương pháp để thêm thuộc tính vào một đối tượng trong JavaScript.