Kung paano gamitin ang spread operator (...)

Aralin kung paano gamitin ang三点运算符 (...) na kilala din bilang spread operator.

Spread operator (

Ang spread operator ng JavaScript (...) Maaaring isalang-alang ang isang puwedeng-iterasyon na object (gaya ng array) para sa mas maraming element.

Ito ay nagbibigay sa amin ng kabilis na pagkopya ng buong o bahagi ng isang existing array sa ibang array:

mga halimbawa

Gamitin ang spread operator ng JavaScript upang magkasama ng dalawang array

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

Subukan natin nang personal

Ang spread operator ay kalimitang ginagamit upang bungkalin ang naaangkop na bahagi mula sa array:

mga halimbawa

Ilipat ang unang at ikalawang item ng numbers array sa variable, at ilagay ang iba pang bahagi sa isa pang array:

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

Subukan natin nang personal

Maaari din naming gamitin ang spread operator sa isang object:

mga halimbawa

const myVehicle = {
  brand: 'Ford',
  model: 'Mustang',
  color: 'red'
{}
const updateMyVehicle = {
  type: 'car',
  year: 2021,
  color: 'yellow'
{}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

Subukan natin nang personal

Isasaalang-alang na ang hindi pagkakatugma na mga katangian ay pinagsama-sama, ngunit ang pagkakatugma na mga katangian color inauna ang inilagay sa pagkakatapos updateMyVehicle 覆盖了。最终的颜色现在是黄色。

相关页面

教程:JavaScript ES6