Toán tử trải rộng React ES6
Toán tử trải rộng
Toán tử trải rộng JavaScript ( ...
) cho phép chúng ta sao chép nhanh chóng tất cả hoặc một phần của một mảng hoặc đối tượng hiện có vào một mảng hoặc đối tượng khác.
Ví dụ
const numbersOne = [1, 2, 3]; const numbersTwo = [4, 5, 6]; const numbersCombined = [...numbersOne, ...numbersTwo];
Toán tử trải phổ thường được sử dụng kết hợp với phép phá hủy.
Ví dụ
Gán mục đầu tiên và mục thứ hai từ numbers
sang biến và đặt phần còn lại vào một mảng:
const numbers = [1, 2, 3, 4, 5, 6]; const [one, two, ...rest] = numbers;
Chúng ta cũng có thể sử dụng toán tử trải rộng với các đối tượng:
Ví dụ
Kết hợp hai đối tượng này:
const myVehicle = { brand: 'Ford', model: 'Mustang', color: 'red' } const updateMyVehicle = { type: 'car', year: 2021, color: 'yellow' } const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
Lưu ý rằng các thuộc tính không khớp đã được kết hợp, nhưng thuộc tính khớp, color
, đã bị ghi đè bởi đối tượng cuối cùng được chuyển, updateMyVehicle
. Màu kết quả bây giờ là màu vàng.