5 najboljih upotreba operatora spreada u JavaScriptu

Isprobajte Naš Instrument Za Uklanjanje Problema

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

Bootcamp web programera

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: