Cách thực hiện - Toán tử trải rộng (...)
Tìm hiểu cách sử dụng toán tử ba dấu chấm (...) hay còn gọi là toán tử trải rộng trong JavaScript.
Toán tử lây lan
Toán tử trải rộng JavaScript ( ...
) mở rộng một iterable (như một mảng) thành nhiều phần tử hơn.
Điều này cho phép chúng ta sao chép nhanh chóng tất cả hoặc một phần của mảng hiện có sang mảng khác:
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 numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const
numbersCombined = [...numbersOne, ...numbersTwo];
Hãy tự mình thử »Toán tử trải rộng thường được sử dụng để chỉ trích xuất những gì cần thiết từ một mảng:
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ụ
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year:
2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle,
...updateMyVehicle}
Hãy tự mình thử » 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.
Xem thêm : Hướng dẫn JavaScript ES6 .