Cách sử dụng toán tử spread (...)

Học cách sử dụng toán tử ba chấm trong JavaScript (...) cũng được gọi là toán tử spread.

Toán tử spread (phân tán)

Toán tử spread của JavaScript (...) có thể mở rộng một đối tượng đếm lại (ví dụ như mảng) thành nhiều phần tử hơn.

Điều này cho phép chúng ta nhanh chóng sao chép toàn bộ hoặc một phần của mảng hiện có vào một mảng khác:

thực thể

Sử dụng toán tử spread trong JavaScript để hợp nhất hai mảng

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

thử một lần

Toán tử spread thường được sử dụng để lấy phần cần thiết từ mảng:

thực thể

Chia số đầu tiên và số thứ hai của mảng numbers cho biến, và phần còn lại vào một mảng khác:

const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;

thử một lần

Chúng ta cũng có thể sử dụng toán tử spread trên đối tượng:

thực thể

const myVehicle = {
  thương hiệu: 'Ford',
  mẫu: 'Mustang',
  màu sắc: 'red'
}
const updateMyVehicle = {
  loại: 'car',
  năm: 2021,
  màu sắc: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

thử một lần

Vui lòng注意，không khớp thuộc tính được hợp nhất, nhưng thuộc tính khớp màu sắc bị đối tượng được truyền vào cuối cùng updateMyVehicle Đã bao gồm. Màu sắc cuối cùng bây giờ là màu vàng.

Trang liên quan

Hướng dẫn:JavaScript ES6