Razjasnimo zbrku oko metoda slice (), splice () i split () u JavaScript-u

Programiranje

Ugrađene metode JavaScript puno nam pomažu tijekom programiranja, nakon što ih pravilno razumijemo. Želim objasniti tri od njih u ovom članku: o slice(), splice()i split()metode. Možda zato što je njihovo imenovanje toliko slično, često su zbunjeni, čak i među iskusnim programerima.

Savjetujem studentima i mlađim programerima da pažljivo pročitaju ovaj članak jer se ove tri metode mogu tražiti i u INTERVJUIMA ZA POSAO.

Na kraju možete pronaći sažetak svake metode. Ako želite, također možete pogledati video verziju u nastavku:

Pa krenimo ...

JavaScript nizovi

Prvo, morate razumjeti kako funkcioniraju JavaScript nizovi . Kao i u drugim programskim jezicima, koristimo nizove za pohranu više podataka u JS. Ali razlika je u tome što JS nizovi mogu odjednom sadržavati različite vrste podataka.

Ponekad trebamo raditi operacije na tim nizovima. Tada koristimo neke JS metode poput slice () i splice () . U nastavku možete vidjeti kako prijaviti niz u JavaScript-u:

let arrayDefinition = [];   // Array declaration in JS

Sada proglasimo još jedan niz s različitim vrstama podataka. U nastavku ću ga koristiti u primjerima:

let array = [1, 2, 3, "hello world", 4.12, true];

Ova upotreba vrijedi u JavaScript-u. Niz s različitim vrstama podataka: niz, brojevi i logička vrijednost.

Kriška ()

U kriška () metoda primjeraka dano dio polja i vraća da kopira dio kao novi niz. Ne mijenja izvorni niz.

array.slice(from, until);

  • Od: Narežite niz počevši od indeksa elementa
  • Do: Narežite niz do indeksa drugog elementa

Na primjer, želim izrezati prva tri elementa iz gornjeg niza. Budući da je prvi element niza uvijek indeksiran na 0, započinjem rezanje "od" 0.

array.slice(0, until);

Sada je ovo lukav dio. Kada želim da kriška prve tri elementa, moram dati do parametar po 3. kriška () metoda ne uključuje zadnji zadani element.

array[0] --> 1 // included array[1] --> 2 // included array[2] --> 3 // included array[3] --> "hello world" // not included

To može stvoriti određenu zabunu. Zato drugi parametar nazivam "dok".

let newArray = array.slice(0, 3);   // Return value is also an array

Napokon, dodijelim narezani Array varijabli newArray . Sada da vidimo rezultat:

Važna napomena: metoda Slice () također se može koristiti za nizove.

Spoj ()

Naziv ove funkcije vrlo je sličan slice () . Ova sličnost imenovanja često zbunjuje programere. Splice () postupak mijenja niz, dodavanjem ili uklanjanjem elemenata iz nje. Pogledajmo kako dodati i ukloniti elemente pomoću spojnice ( ) :

Uklanjanje elemenata

Za uklanjanje elemenata moramo dati parametar indeksa i broj elemenata koji se uklanjaju:

array.splice(index, number of elements);

Indeks je početna točka za uklanjanje elemenata. Elementi koji imaju manji indeksni broj od datog indeksa neće se ukloniti:

array.splice(2);  // Every element starting from index 2, will be removed

Ako ne definiramo drugi parametar, svaki će se element koji počinje s danim indeksom ukloniti iz niza:

Kao drugi primjer, drugi parametar dajem kao 1, tako da će se elementi koji počinju od indeksa 2 uklanjati jedan po jedan svaki put kada pozovemo metodu spajanja () :

array.splice(2, 1);

Nakon prvog poziva:

Nakon drugog poziva:

To se može nastaviti sve dok više ne bude indeksa 2.

Dodavanje elemenata

Za dodavanje elemenata trebamo ih dati kao 3., 4., 5. parametar (ovisi o tome koliko ih treba dodati ) metodi splice () :

array.splice (indeks, broj elemenata, element, element);

Kao primjer, dodajem a i b na samom početku niza i ne uklanjam ništa:

array.splice(0, 0, 'a', 'b');

Podjela ( )

Slice () i splice () metode su za nizove. Metoda split () koristi se za nizove . Dijeli niz na podnizove i vraća ih kao niz. Potrebna su 2 parametra, a oba nisu obavezna.

string.split(separator, limit);

  • Separator: definira kako podijeliti niz ... zarezom, znakom itd.
  • Ograničenje: Ograničava broj podjela s danim brojem

Metoda split () ne radi izravno za nizove . Međutim, prvo možemo pretvoriti elemente našeg niza u niz, a zatim možemo koristiti metodu split () .

Pogledajmo kako to funkcionira.

Prvo, pretvaramo naš niz u niz metodom toString () :

let myString = array.toString();

Sada Podijelimo myString po tipkovnici, ih ograničiti na tri podnizova, i vratiti ih kao polje:

let newArray = myString.split(",", 3);

Kao što vidimo, myString je podijeljen zarezima. Budući da ograničavamo split na 3, vraćaju se samo prva 3 elementa.

NAPOMENA: Ako imamo upotrebu poput ove:array.split("");tada će se svaki znak niza podijeliti kao podnizovi:

Sažetak:

Kriška ()

  • Kopira elemente iz niza
  • Vraća ih kao novi niz
  • Ne mijenja izvorni niz
  • Počinje rezanje od ... do zadanog indeksa: array.slice (od, do)
  • Rezanje ne uključuje parametar indeksa "dok"
  • Može se koristiti i za nizove i za nizove

Spoj ()

  • Koristi se za dodavanje / uklanjanje elemenata iz niza
  • Vraća niz uklonjenih elemenata
  • Mijenja niz
  • Za dodavanje elemenata: array.splice (indeks, broj elemenata, element)
  • Za uklanjanje elemenata: array.splice (indeks, broj elemenata)
  • Može se koristiti samo za nizove

Podjela ( )

  • Dijeli niz u podnizove
  • Vraća ih u nizu
  • Potrebna su 2 parametra, oba su neobavezna: string.split (separator, limit)
  • Ne mijenja izvorni niz
  • Može se koristiti samo za žice

Postoje mnoge druge ugrađene metode za JavaScript nizove i nizove, koje olakšavaju rad s JavaScript programiranjem. Dalje, možete pogledati moj novi članak o JavaScript metodama podnizanja.

Ako želite saznati više o web razvoju, slobodno me pratite na Youtubeu !

Hvala na čitanju!