Toán tử Spread React ES6
Nhà điều hành Spread
Toán tử trải rộng JavaScript ( ...
) cho phép chúng tôi 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.
Thí dụ
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
Toán tử spread thường được sử dụng kết hợp với cấu trúc hủy.
Thí dụ
Gán mục đầu tiên và mục thứ hai từ numbers
cho các 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ử spread với các đối tượng:
Thí 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 truyền updateMyVehicle
,. Màu kết quả bây giờ là màu vàng.