“Spread” un “Rest” izmantošana JavaScript

 

Šajā rakstā jūs uzzināsiet, kā savienot masīvus un objektus, izmantojot operatoru “rest”. Jūs arī uzzināsiet, kā izmantot izkliedes operatoru “spread”, lai:

  • Pievienotu masīviem jaunus dalībniekus, neizmantojot push() metodi
  • Pārvērst virkni par masīvu un
  • Kopēt objektu, vai masīvu atsevišķā objektā

Atcerieties, ka push() un pop() metodes tiek izmantotas, lai pievienotu un noņemtu vienumus no masīva beigām.

Savienojiet masīvus, objektus, izmantojot operatoru rest
Izmantojot Spread operatoru, ir viegli savienotu masīvus:

const augļi = ['ābols', 'persiks', 'plūme']
const ogas = ['mellene', 'zemene']
const augļiUnOgas = [...augļi, ...ogas] // sasaistīšana
console.log(augļiUnOgas); // viena masīva izvadīšana
Paredzamais rezultāts būs šāds:
[ 'ābols', 'persiks', 'plūme', 'mellene', 'zemene' ]
Kā arī viegli savienot objektus:
constlidojošs = { spārni:2 }
constmašīna = { riteņi:4 }
constlidojošaMašīna = {...lidojošs, ...mašīna}
console.log(lidojošaMašīna) // {spārni: 2, riteņi: 4}
Pievienojiet jaunus dalībniekus masīviem, neizmantojot push() metodi
Lūk, kā izmantot Spread operatoru, lai esošam masīvam viegli pievienotu vienu vai vairākus dalībniekus:
let dārzeņi = ['sīpols', 'pētersīļi'];
dārzeņi = [...dārzeņi, 'burkāns', 'biete'];
console.log(dārzeņi);
Paredzanais rezultāts būs šāds:
[ 'sīpols', 'pētersīļi', 'burkāns', 'biete' ]
Pārveidojiet virkni par masīvu, izmantojot Spread operatoru
Ņemot vērā virkni, to ir viegli sadalīt atsevišķos masīva vienumos:
const sveiciens = "Sveiks";
const masīvsArRakstzīmēm = [...sveiciens];
console.log(masīvsArRakstzīmēm); //  ['S', 'v', 'e', 'i', 'k', 's']
Paredzamais rezultāts būs šāds:
[ 'S', 'v', 'e', 'i', 'k', 's' ]
Kopējiet objektu vai masīvu atsevišķi
Lūk, kā kopēt objektu pilnīgi atsevišķā objektā, izmantojot Spread operatoru.
const auto1 = {
    ātrums: 200,
    krāsa: 'dzeltens'
}
const auto2 = {...auto1}


auto1.ātrums = 201


console.log(auto1.ātrums, auto2.ātrums)
Paredzamais rezultāts būs šāds:
201 200
Varat kopēt masīvu pilnīgi atsevišķā masīvā, izmantojot arī Spread operatoru, piemēram:
const augļi1 = ['āboli', 'persiki']
const augļi2 = [...augļi1]
augļi1.pop()
console.log(augļi1, "nav", augļi2)
Paredzamais rezultāts būs šāds:
[ 'āboli' ] nav [ 'āboli', 'persiki' ]

Ņemiet vērā, ka Spread operators veic tikai seklu avota masīva vai objekta kopiju. Plašāku informāciju par to skatiet papildu rakstos.

Ir daudz citu triku, ko varat veikt ar Spread operatoru. Daži no tiem ir ļoti noderīgi, kad sākat strādāt ar bibliotēku, piemēram, React – bet par to droši vien kādā citā rakstā…

 

Loading

Noderīgs raksts? Dalies ar citiem:
Dalīties: