„JavaScript“ pakaitinių eilučių pavyzdžiai - pjūvio, poskirsnio ir pakaitinės eilutės metodai JS

Kasdien programuodami dažnai turime dirbti su stygomis. Laimei, „JavaScript“ yra daugybė integruotų metodų, kurie mums padeda dirbant su masyvais, eilutėmis ir kitais duomenų tipais. Šiuos metodus galime naudoti įvairioms operacijoms, tokioms kaip eilučių paieška, keitimas, sujungimas ir pan.

Substringo gavimas iš eilutės yra viena iš labiausiai paplitusių „JavaScript“ operacijų. Šiame straipsnyje jūs sužinosite, kaip gauti substringą naudojant 3 skirtingus įmontuotus metodus. Bet pirmiausia leiskite man trumpai paaiškinti, kas yra poskyris.

Kas yra substringas?

Substringas yra kitos eilutės pogrupis:

"I am learning JavaScript and it is cool!" --> Original String "I am learning JavaScript" --> Substring "JavaScript is cool!" --> Another Substring

Kaip ir aukščiau pateiktame pavyzdyje, kai kuriais atvejais iš vieno sakinio ar pastraipos turime gauti vieną ar daugiau pakraščių. Dabar pažiūrėkime, kaip tai padaryti „JavaScript“ 3 skirtingais būdais.

Taip pat galite peržiūrėti pavyzdžių naudojimo vaizdo įrašų versiją čia:

1. Substringo () metodas

Pradėkime nuo substring () metodo. Šis metodas iš esmės gauna originalios eilutės dalį ir grąžina ją kaip naują eilutę. Substringo metodas tikisi dviejų parametrų:

string.substring(startIndex, endIndex);
  • startIndex : nurodo poskyrio pradinį tašką
  • endIndex : nurodo poskyrio pabaigos tašką (nebūtina)

Pažiūrėkime naudojimą pavyzdyje. Tarkime, kad mes turime toliau pateiktą eilutės pavyzdį:

const myString = "I am learning JavaScript and it is cool!";

Dabar, jei nustatysime startIndex kaip 0, o endIndex - 10, gausime pirmuosius 10 pradinės eilutės simbolių:

Tačiau jei šiam pavyzdžiui nustatysime tik pradinį indeksą, o ne pabaigos indeksą:

Tada gauname poskyrį, pradedant nuo 6-ojo simbolio iki pradinės eilutės pabaigos.

Keli papildomi punktai:

  • Jei startIndex = endIndex, substring metodas pateikia tuščią eilutę
  • Jei abu startIndex ir endIndex yra didesni nei eilutės ilgis, ji pateikia tuščią eilutę
  • Jei startIndex> endIndex, tada substring metodas keičia argumentus ir pateikia substring, laikydamas endIndex> startIndex

2. Skiltelės () metodas

„Slice“ () metodas yra panašus į „Substring“ () metodą ir jis taip pat pateikia pradinės eilutės pakraštį. Pjūvio metodas taip pat tikisi tų pačių dviejų parametrų:

string.slice(startIndex, endIndex);
  • startIndex : nurodo poskyrio pradinį tašką
  • endIndex : nurodo poskyrio pabaigos tašką (nebūtina)

Paprasti substringo () ir pjūvio () metodų taškai:

  • Jei nenustatome pabaigos indekso, tada gauname poskyrį pradedant nuo nurodyto indekso numerio iki pradinės eilutės pabaigos:
  • Jei nustatysime tiek startIndex, tiek endIndex, tada gausime simbolius tarp nurodytų pradinės eilutės indeksų numerių:
  • Jei startIndex ir endIndex yra didesni nei eilutės ilgis, ji pateikia tuščią eilutę

Skiltelių () metodo skirtumai:

  • Jei startIndex> endIndex, metodas slice () pateikia tuščią eilutę
  • Jei startIndex yra neigiamas skaičius, tada pirmasis simbolis prasideda nuo eilutės pabaigos (atvirkštinė):
Pastaba: „slice“ () metodą galime naudoti ir „JavaScript“ masyvams. Čia galite rasti kitą mano straipsnį apie pjūvio metodą, kad pamatytumėte masyvų naudojimą.

3. Substraso () metodas

Remiantis „Mozilla“ dokumentais, substr () metodas laikomas pasenusia funkcija ir reikėtų vengti jo naudojimo. Bet aš vis tiek trumpai paaiškinsiu, ką jis daro, nes galite tai pamatyti senesniuose projektuose.

Metodas substr () taip pat pateikia pradinės eilutės substring ir tikisi dviejų parametrų:

string.substring(startIndex, length);
  • startIndex : nurodo poskyrio pradinį tašką
  • ilgis : įtraukiamų simbolių skaičius (nebūtina)

Čia galite pamatyti skirtumą: metodas substr () laukia, kad antrasis parametras būtų ilgis, o ne endIndex:

Šiame pavyzdyje jis iš esmės suskaičiuoja 5 simbolius, pradedant nuo nurodyto startIndex, ir grąžina juos kaip pakraštį.

Tačiau, jei mes neapibrėžsime antrojo parametro, jis grįš iki pradinės eilutės pabaigos (kaip ir du ankstesni metodai):

Pastaba: visi 3 metodai pateikia eilutę kaip naują eilutę ir nepakeičia pradinės eilutės.

Apvyniokite

Tai yra 3 skirtingi metodai norint gauti „JavaScript“ pakraštį. JS yra daugybė kitų integruotų metodų, kurie mums tikrai labai padeda sprendžiant įvairius dalykus programuojant. Jei jums atrodo, kad šis įrašas yra naudingas, pasidalykite juo socialiniuose tinkluose.

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

Ačiū, kad skaitėte!