Išaiškinkime painiavą dėl „slice“ (), splice () ir split () metodų „JavaScript“

„JavaScript“ integruoti metodai mums labai padeda programuojant, kai juos teisingai suprantame. Norėčiau paaiškinti, trys iš jų šioje straipsnis: slice(), splice()ir split()metodus. Galbūt todėl, kad jų vardai yra tokie panašūs, jie dažnai painiojami net tarp patyrusių kūrėjų.

Patariu studentams ir jaunesniems kūrėjams atidžiai perskaityti šį straipsnį, nes šių trijų metodų taip pat galima paprašyti DARBO INTERVIU.

Galų gale galite rasti kiekvieno metodo santrauką. Jei norite, taip pat galite žiūrėti toliau pateiktą vaizdo įrašo versiją:

Taigi pradėkime ...

„JavaScript“ masyvai

Pirmiausia turite suprasti, kaip veikia „ JavaScript“ masyvai . Kaip ir kitomis programavimo kalbomis, mes naudojame masyvus keliems duomenims JS saugoti. Tačiau skirtumas yra tas, kad JS masyvuose vienu metu gali būti įvairių tipų duomenys.

Kartais mums reikia atlikti operacijas tose masyvuose. Tada mes naudojame keletą JS metodų, tokių kaip „ slice“ () ir „splice“ () . Žemiau galite pamatyti, kaip deklaruoti masyvą „JavaScript“:

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

Dabar paskelbkime kitą masyvą su skirtingais duomenų tipais. Aš naudosiu jį žemiau pavyzdžiuose:

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

Šis naudojimas galioja „JavaScript“. Masyvas su skirtingais duomenų tipais: eilutė, skaičiai ir loginė reikšmė.

Skiltelė ()

Į gabalas () metodas kopijas tam tikra dalis iš masyvo ir pelningumas nukopijuoti dalį kaip naują masyvą. Tai nepakeičia pradinio masyvo.

array.slice(from, until);

  • From: Supjaustykite masyvą, pradedant nuo elemento indekso
  • Iki: Supjaustykite masyvą iki kito elemento indekso

Pavyzdžiui, aš noriu supjaustyti pirmuosius tris elementus iš aukščiau pateikto masyvo. Kadangi pirmasis masyvo elementas visada indeksuojamas 0, aš pradedu pjaustyti „nuo“ 0.

array.slice(0, until);

Dabar čia yra kebli dalis. Kai noriu gabalas pirmuosius tris elementus, turiu duoti iki parametrą kaip 3. gabalas () metodas neapima paskutinį tikrą elementą.

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

Tai gali sukelti tam tikrą painiavą. Todėl antrąjį parametrą vadinu „iki“.

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

Galiausiai priskiriu supjaustytą masyvą kintamajam newArray . Dabar pažiūrėkime rezultatą:

Svarbi pastaba: „ Slice“ () metodas taip pat gali būti naudojamas eilutėms.

Sandūra ()

Šios funkcijos pavadinimas labai panašus į „ slice“ () . Šis pavadinimo panašumas dažnai klaidina kūrėjus. Sandūra () metodas keičia masyvą, pridedant arba pašalinant elementus iš jo. Pažiūrėkime, kaip pridėti ir pašalinti elementus sujungiant ( ) :

Elementų pašalinimas

Norėdami pašalinti elementus, turime nurodyti indekso parametrą ir pašalinamų elementų skaičių :

array.splice(index, number of elements);

Rodyklė yra pradinis elementų pašalinimo taškas . Elementai, kuriųindekso numerisyra mažesnis iš nurodyto indekso, nebus pašalinti:

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

Jei mes neapibrėžsime antrojo parametro, visi elementai, prasidedantys nuo nurodyto indekso, bus pašalinti iš masyvo:

Kaip antrą pavyzdį, pateikiu antrąjį parametrą kaip 1, todėl elementai, prasidedantys nuo 2 indekso, bus pašalinami po vieną kiekvieną kartą, kai mes vadiname „ splice“) metodą:

array.splice(2, 1);

Po pirmojo skambučio:

Po antrojo skambučio:

Tai gali tęstis tol, kol nebebus 2 indekso.

Elementų pridėjimas

Norėdami pridėti elementų, mes turime juos pateikti kaip 3, 4, 5 parametrą (priklauso nuo to, kiek pridėti) prie jungimo () metodo:

array.splice (rodyklė, elementų skaičius, elementas, elementas);

Pavyzdžiui, aš dedu a ir b pačioje masyvo pradžioje ir nieko nepašalinu:

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

Padalinti ()

Slice () ir splice () metodai skirti masyvams. Split () metodas naudojamas stygos . Jis padalija eilutę į pakraščius ir grąžina juos kaip masyvą. Tam reikalingi 2 parametrai, ir abu jie yra neprivalomi.

string.split(separator, limit);

  • Skyriklis: nurodo, kaip padalinti eilutę ... kableliu, simboliu ir kt.
  • Riboti: apriboja padalijimų skaičių su nurodytu skaičiumi

Split () metodas neveikia tiesiogiai masyvų . Tačiau pirmiausia galime konvertuoti savo masyvo elementus į eilutę, tada galime naudoti split () metodą.

Pažiūrėkime, kaip tai veikia.

Pirma, mes konvertuojame savo masyvą į eilutę su toString () metodu:

let myString = array.toString();

Dabar padalinkime „myStringkableliais, apribokime juos trimis pakraščiais ir grąžinkime juos kaip masyvą:

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

Kaip matome, „ myString “ padalijamas kableliais. Kadangi suskirstymą apribojame iki 3, grąžinami tik pirmieji 3 elementai.

PASTABA: Jei turime tokį naudojimą:array.split("");tada visi eilutės simboliai bus padalyti kaip pakraščiai:

Santrauka:

Skiltelė ()

  • Nukopijuoja elementus iš masyvo
  • Grąžina juos kaip naują masyvą
  • Nekeičia pradinio masyvo
  • Pradeda pjaustyti nuo… iki nurodyto indekso: array.slice (nuo, iki)
  • Skiltyje nėra indekso parametro „iki“
  • Galima naudoti tiek masyvams, tiek stygoms

Sandūra ()

  • Naudojamas elementams pridėti / pašalinti iš masyvo
  • Pateikia pašalintų elementų masyvą
  • Pakeičia masyvą
  • Norėdami pridėti elementų: array.splice (rodyklė, elementų skaičius, elementas)
  • Elementams pašalinti: array.splice (rodyklė, elementų skaičius)
  • Galima naudoti tik masyvams

Padalinti ()

  • Skirsto eilutę į pakraščius
  • Grąžina juos masyvu
  • Paima 2 parametrus, abu yra neprivalomi: string.split (separatorius, riba)
  • Nekeičia pradinės eilutės
  • Galima naudoti tik stygoms

Yra daugybė kitų integruotų „JavaScript“ masyvų ir eilučių metodų, kurie palengvina darbą su „JavaScript“ programavimu. Toliau galite peržiūrėti mano naują straipsnį apie „JavaScript“ substringo metodus.

Jei norite sužinoti daugiau apie interneto plėtrą, nesivaržykite sekti mane „Youtube“ !

Ačiū, kad skaitėte!