Một đối tượng trong JavaScript được mô tả dưới dạng một nhóm các cặp khóa-giá trị. Đôi khi, các nhà phát triển có thể yêu cầu kết hợp các thuộc tính của hai đối tượng trong một đối tượng mới. Quá trình này được gọi là hợp nhất. Để hợp nhất các đối tượng, JavaScript cung cấp một số phương thức tích hợp được gọi là “ Object.assign() ” phương pháp hoặc “ Toán tử trải rộng ”.
Bài đăng này sẽ mô tả các phương pháp để tự động hợp nhất các thuộc tính của hai đối tượng JavaScript.
Làm cách nào để hợp nhất các thuộc tính của hai đối tượng JavaScript một cách linh hoạt?
Sử dụng các phương pháp sau để tự động hợp nhất các thuộc tính của hai đối tượng JavaScript:
Phương pháp 1: Hợp nhất/Kết hợp các thuộc tính của hai đối tượng JavaScript một cách linh hoạt bằng cách sử dụng phương thức Object.assign()
Sử dụng ' Object.assign() ” để tự động kết hợp các thuộc tính của hai đối tượng JavaScript. Phương pháp này duy trì tính toàn vẹn của các đối tượng ban đầu bằng cách sao chép tất cả các thuộc tính có thể đếm được sang một đối tượng đích từ một hoặc nhiều đối tượng nguồn. Nếu cùng một thuộc tính có trong cả hai đối tượng, thì giá trị của đối tượng thứ hai sẽ thay thế giá trị của đối tượng thứ nhất. Lưu ý rằng phương thức này chỉ sao chép vô số thuộc tính, vì vậy nó sẽ không sao chép các thuộc tính kế thừa từ nguyên mẫu của đối tượng.
cú pháp
Thực hiện theo cú pháp được cung cấp để hợp nhất hai đối tượng JavaScript:
targetObject = Object.gán ( obj1, obj2, ... ) ;Thí dụ
Tạo một đối tượng “ thông tin ”:
thông tin ở đâu = {Tên: 'Cú chọc' ,
tuổi: 24 ,
không có: mười lăm
} ;
Tạo đối tượng thứ hai “ các hoạt động ” với các cặp khóa sau:
hoạt động var = {trò chơi: 'Bóng chày' ,
bài tập: 'Yoga'
} ;
Gọi ' Object.assign() ” để hợp nhất các thuộc tính của “ thông tin ' và ' các hoạt động ” trong một đối tượng mới gọi là “ sinh viên ”:
var sinh viên = Object.assign ( thông tin, hoạt động ) ;In thuộc tính của đối tượng “ sinh viên ' sử dụng ' console.log() ' phương pháp:
bảng điều khiển.log ( sinh viên ) ;Đầu ra chỉ ra rằng các thuộc tính của đối tượng “ thông tin ' và ' các hoạt động ” được hợp nhất thành công trong đối tượng mới “ sinh viên ”:
Phương pháp 2: Hợp nhất/Kết hợp các thuộc tính của hai đối tượng JavaScript một cách linh hoạt bằng cách sử dụng toán tử trải rộng
Có một cách tiếp cận khác để hợp nhất hai đối tượng JavaScript, đó là sử dụng “ Toán tử trải rộng ”. Đây là cách tiếp cận thường được sử dụng để hợp nhất các đối tượng bằng cách sao chép tất cả các thuộc tính từ các đối tượng. Nếu hai đối tượng có một thuộc tính có cùng tên, thì thuộc tính đối tượng bên phải sẽ thay thế thuộc tính trước đó.
cú pháp
Cú pháp sau đây được sử dụng để hợp nhất các thuộc tính của hai đối tượng JavaScript với sự trợ giúp của toán tử Spread:
targetObject = Object.gán ( ...obj1, ...obj2, .... ) ;Thí dụ
Tạo một đối tượng mới “ sinh viên ” và hợp nhất các thuộc tính của các đối tượng “ thông tin ' và ' các hoạt động ” trong sinh viên sử dụng toán tử Spread “ … ”:
là sinh viên = {...thông tin, ...hoạt động
} ;
đầu ra
Chúng tôi đã cung cấp tất cả thông tin cần thiết liên quan đến việc hợp nhất các đối tượng trong JavaScript.
Phần kết luận
Để hợp nhất/kết hợp các thuộc tính của các đối tượng trong JavaScript, hãy sử dụng “ Object.assign() ” phương pháp hoặc “ Toán tử trải rộng ”. Toán tử trải rộng là cách tiếp cận được sử dụng phổ biến nhất để hợp nhất các thuộc tính của các đối tượng JavaScript. Nếu cùng một thuộc tính có trong cả hai đối tượng, thì giá trị của đối tượng thứ hai sẽ thay thế giá trị của đối tượng thứ nhất. Trong bài đăng này, chúng tôi đã mô tả các phương pháp để tự động hợp nhất/kết hợp các thuộc tính của hai đối tượng JavaScript.