5 najboljih upotreba operatora spreada u JavaScriptu
Operator namaza omiljen je JavaScript programeri . To je snažan komad sintakse koji ima brojne primjene.
distribucija firebase aplikacije ios
Kopiranje an nizu
Ovo je jedna od najčešćih upotreba operatora širenja. Uzimanje sadržaja niza i njegovo 'širenje' radi popunjavanja drugog niza.
arr
Gledano na drugačiji način, operator širenja bira svaki pojedinačni element unutar | _+_ | matrice i postavljanje svakog od tih elemenata u novu strukturu niza.
Imajte na umu da se ovo razlikuje od stavljanja niza u drugi niz.
obj
Ta vam opcija daje višedimenzionalni niz.
Spojite nizove
Nadovezujući se na prethodni primjer, pokazalo se da možete uzeti više niza i rasporediti ih u novi niz. Jedan za drugim.
copy
Ako ga raščlanimo kao što smo to učinili u prethodnom primjeru, operator spread izvlači svaki element u početnim nizovima i stavlja ga u novi niz.
Prenesite argumente kao nizove
Ovdje operator širenja počinje pokazivati svoju svestranost. U ovom primjeru prenosimo tri argumenta u funkciju. Operator širenja koristi se ispred niza s tri elementa unutar njega.
let arr = [1,2,3,4] let copy = [...arr] // copy is [ 1, 2, 3, 4 ]
Dobar način da ovo shvatite je da pogledate naše prethodne primjere. Što bi se dogodilo ako bismo koristili operator spread na nizu i nikada ga nismo stavili u novi niz?
Svaki element u nizu stajao bi zasebno. To je ta posredna transformacija. Svaki element stoji zasebno i nije stavljen u novu strukturu podataka. Stoga se sva tri elementa mogu pojedinačno prenijeti kao argumenti funkciji.
Kopirajte objekt
Operator širenja ne samo da se može koristiti za nizove, već se može koristiti i za objekte. Baš kao i prije kopiranja niza, možemo kopirati objekt.
let arr = [1,2,3,4] let copy = [arr] // copy is [ [1, 2, 3, 4] ]
U ovom primjeru operator širenja izdvaja svaki par ključ-vrijednost iz | _+_ | i postavlja ih u novi objekt, | _+_ |.
gdje kupiti nervos ckb
I baš kao i primjer niza, vrijedi napomenuti da se to razlikuje od stavljanja objekta unutar drugog objekta.
let arr1 = [1,2,3,4] let arr2 = [5,6,7,8] let concat = [...arr1, ...arr2] // concat is [ 1, 2, 3, 4, 5, 6, 7, 8 ]
Spoji objekt
Također možemo spojiti dva objekta zajedno koristeći operator širenja.
function dev(x, y, z) { }var args = [0, 1, 2]
dev(…args) // call function
Opet, izdvajamo sve parove ključ / vrijednost iz početnih objekata i stavljamo ih u novu strukturu podataka objekta.
Bonus - greška!
Unatoč činjenici da operator širenja radi i na nizovima i na objektima, ne možete miješati i usklađivati ove vrste podataka.
let obj = {a: 1, b: 2, c: 3}
let copy = {…obj}
// copy is {a: 1, b: 2, c: 3}
To ima smisla ako razmislimo o tome jer prilikom rada na nizu operator širenja rukuje elementima, a za objekt to su parovi ključ / vrijednost.
I eto ga!
To je puno koristi za operatora širenja, a to čak nisu ni sve. Ako tražite cijeli set, pogledajte mozilla docs .
Hvala na čitanju ❤
Ako vam se svidio ovaj post, podijelite ga/lajkujte sa svim svojim prijateljima iz programiranja!
dodaci java skripte
Pratite nas na Facebook | Cvrkut
Daljnje čitanje o JavaScriptu
☞ Cjeloviti tečaj JavaScript 2019 .: Izgradite prave projekte!
☞ Vue JS 2 - Potpuni vodič (uključujući Vue usmjerivač i Vuex)
☞ JavaScript Bootcamp - Izradite aplikacije u stvarnom svijetu
provjerite je li instaliran numpy
☞ Vodič za programiranje JavaScripta - Potpuni tečaj JavaScript za početnike
☞ Nove značajke ES2019 koje bi svaki programer JavaScript trebao znati
☞ Najbolji JavaScript okviri, knjižnice i alati za upotrebu u 2019
☞ Koji biste JavaScript okvir trebali naučiti da biste dobili posao 2019.
☞ Najbolji JavaScript okviri, knjižnice i alati za upotrebu u 2019
#javascript #polja #web-razvoj
Vidi Također:
- Kako se rugati GraphQL API-ima s json-graphql-poslužiteljem
- Hyper V vs VMware VS VirtualBox: Što je najbolje za sastanke s Virtualizat
- Vanjske tablice SQL Server PolyBase s Azure Blob Storage
- Waldo Anticheat: Strojno učenje za otkrivanje ciljanja u videoisječcima
- Izradite decentralizirani protokol razmjene poput PancakeSwap -a na pametnom lancu Binance