Kun ohjelmoit JavaScriptissä, törmäät usein skenaarioihin, jotka edellyttävät merkkijonon manipulointia. Esimerkiksi sähköpostin noutamisen aikana sinun on ehkä muunnettava kaikki merkit pieniksi kirjaimiksi tai tarkistettava säännöllisen lausekkeen avulla, täyttääkö syötetty salasana kaikki ehdot.

JavaScript-merkkijonomenetelmät auttavat sinua suorittamaan kaikki nämä toiminnot merkkijonolla tarpeidesi mukaan helposti. Tässä on 10 merkkijonomenetelmää ja esimerkkejä, joiden avulla saat hyvän käsityksen niistä.

Mitä ovat JavaScript-merkkijonomenetelmät?

Merkkijonot ovat perustietorakenne, joka koostuu merkkijonoista. Tämä tietorakenne on osa kaikkia tärkeimpiä ohjelmointikieliä, mukaan lukien Python, JavaScript, Java ja paljon muuta.

Merkkijonomenetelmät ovat ennalta rakennettuja JavaScript-menetelmiä, jotka auttavat kehittäjiä suorittamaan yleisiä toimintoja merkkijonoille tarvitsematta kirjoittaa koodia käsin. Ne suoritetaan käyttämällä merkkijonomuuttujaan liitettyä pistemerkintää.

instagram viewer

Liittyvät: Mikä on toiminto ohjelmoinnissa?

Koska ne ovat vain JavaScript-toimintoja, ne päättyvät aina sulkeisiin, joihin voi sisältyä valinnaisia ​​argumentteja. Se on välttämätöntä tietää mikä JavaScript on ja miten se toimii ennen kuin jatkat. Aloitetaan ja opitaan nämä menetelmät tarkemmin.

Otetaan tulevia menetelmiä varten merkkijonomuuttuja str arvolla "Tervetuloa MUO: han!" Esimerkiksi.

let str = "Tervetuloa MUOon!"

1. String.toLowerCase () ja String.toUppperCase ()

toLowerCase () merkkijonomenetelmä muuntaa annetun merkkijonon kaikki merkit pieniksi ja vastaavasti toUpperCase () method muuntaa kaikki merkit isoihin kirjaimiin. Nämä toiminnot eivät muuta alkuperäistä merkkijonoa.

Syntaksi:

toUpperCase ()
toLowerCase ()

Katsotaanpa nämä kaksi tapaa nopealla esimerkillä:

console.log (str.toLowerCase ());
console.log (str.toUpperCase ());
console.log (str);

Kun suoritat yllä olevan koodin konsolilla, saat seuraavan tuloksen:

"tervetuloa muoon!"
"TERVETULOA MUOON!"
"Tervetuloa MUO: han!"

2. String.concat ()

konkat () menetelmää käytetään kahden tai useamman merkkijonon yhdistämiseen. Voit lisätä yhteen tai useampaan argumenttiin tähän tapaan ketjuttaa ne yhdeksi merkkijonoksi. Se ei tee mitään muutoksia alkuperäiseen merkkijonoon.

Syntaksi:

concat (str1, str2, str3, ...)

Tässä on esimerkki, joka esittelee kahden merkkijonon ketjutuksen uuden merkkijonon muodostamiseksi:

anna str2 = "Kuinka voit?";
anna newString = str.concat (str2);
console.log (newString);
"Tervetuloa MUO: han! Mitä kuuluu?"

3. String.indexOf () ja String.lastIndexOf ()

sisällysluettelo() menetelmä auttaa sinua selvittämään ensimmäisen indeksin, jossa määritetty merkki tai alimerkkijono esiintyy. Se alkaa vasemmalta puolelta ja seuraa merkkijonoa tarkistaakseen, vastaako annettu argumentti.

Syntaksi:

indexOf (str)

Selvitetään hakemisto, jossa MUO on merkkijonossa esimerkin kanssa:

console.log (str.indexOf ('MUO'));
11

Jos annettua argumenttia ei ole merkkijonossa, menetelmä palauttaa arvon -1.

console.log (str.indexOf ('Hei'));
-1

Samoin lastIndexOf () method palauttaa annetun merkin tai merkkijonon viimeisen esiintymisen indeksin. Tässä on esimerkki:

console.log (str.lastIndexOf ('e'));
6

Vaikka aakkoset ilmestyy hakemistoon 1, tämän merkin viimeinen esiintyminen on indeksissä 6 ja siten palautetaan lähtöön.

4. String.charAt ()

charAt () string-menetelmä palauttaa merkin merkkijonon määritetyssä hakemistossa. Se hyväksyy vain yhden argumentin, indeksin, josta merkki on haettava. Indeksiarvo vaihtelee 0: sta pituuteen - 1.

Syntaksi:

charAt (hakemisto)

Tässä on esimerkki charAt () menetelmä:

console.log (str.charAt (9));
console.log (str.charAt (0));
console.log (str.charAt (str.pituus - 1));
o
W
!

Yllä olevassa esimerkissä milloin str. pituus- 1 välitettiin argumenttina, menetelmä palauttaa merkkijonon viimeisen merkin. Jos syötät virheellisen indeksin, joka on sallitun alueen ulkopuolella, tämä menetelmä palauttaa -1.

5. String.charCodeAt ()

Samanlainen kuin charAt-menetelmä, charCodeAt () menetelmä palauttaa ASCII-arvo merkin määritetyssä hakemistossa. Tähän merkkijonomenetelmään tarvitaan vain yksi argumentti, indeksi, josta merkki haetaan.

Syntaksi:

charCodeAt (hakemisto)
str.charCodeAt (5);
str.charCodeAt (str. pituus - 1);
109
33

Jälleen kerran indeksin arvo on välillä 0 - pituus - 1, ja jos yrität siirtää indeksin sallitun rajan yli, tämä menetelmä palauttaa arvon -1.

6. Merkkijono.korvaa ()

Kuten nimestä voi päätellä, korvata() menetelmä auttaa korvaamaan jonon osan toisella. Tässä menetelmässä on kaksi argumenttia: ensimmäinen on korvattava alaosa ja toinen korvattava osa. Tämä menetelmä ei tee mitään muutoksia alkuperäiseen merkkijonoon.

Syntaksi:

korvaa (str1, str2)

Esimerkiksi, jos haluat korvata sanan MUO kanssa tällä verkkosivustolla merkkijonomuuttujassa voit käyttää korvata() tällainen menetelmä:

anna newString = str.replace ("MUO", "tämä sivusto");
console.log (newString);
console.log (str);
Tervetuloa tälle verkkosivustolle!
Tervetuloa MUO: han!

7. String.split ()

jakaa() menetelmää käytetään hajottamaan kaikki merkkijonon sanat tai merkit menetelmälle välitetyn erotin argumentin mukaisesti. Tämän menetelmän palautustyyppi on taulukko. Tämä taulukko koostuu kaikista merkeistä tai alaosista, jaettuna tietyn erotimen mukaan. Tämä menetelmä ei muuta alkuperäistä merkkijonoa.

Syntaksi:

split (erotin)

Jos esimerkiksi välilyönti ("") välitetään erotinargumenttina split-menetelmälle, tulos näyttää tältä:

anna splitArray = str.split ("");
console.log (splitArray);
['Tervetuloa', 'kohteeseen', 'MUO!']

Jos et välitä argumenttia jakaa() menetelmä, se palauttaa taulukon, jossa on yksi elementti, joka koostuu merkkijonomuuttujan arvosta.

anna splitArray = str.split ();
console.log (splitArray);
['Tervetuloa MUOon!']

8. String.substring ()

substing () Menetelmää käytetään alimerkkijonon tai osan alkuperäisestä merkkijonosta saamiseksi. Tässä menetelmässä on kaksi parametria: aloitusindeksi ja loppuindeksi. Lähtöalamerkkijono alkaa määritetystä aloitusindeksistä ja tulostaa loppuindeksiin - 1.

Syntaksi:

alimerkkijono (startIndex, endIndex)

Tässä on nopea esimerkki substing () menetelmä:

console.log (merkkijono (2,8));
"tervetuloa"

Huomaa, että loppuindeksin merkki ei ole osa lähtöä.

9. Merkkijono.haku ()

Hae() method auttaa löytämään tietyn alimerkkijonon tai merkin alkuperäisen merkkijonon sisältä. Tämä menetelmä hyväksyy merkkiryhmän tai alimerkkijonon argumenttina ja seuraa merkkijonoa. Löydettyään osuman palautetaan vastaavan osan lähtöindeksi. Muussa tapauksessa tämä menetelmä palauttaa -1.

Syntaksi:

haku (alimerkkijono)

Voit käyttää Hae() tällä tavalla:

console.log (str.search ("MUO"));
console.log (str.search ("2"));
11
-1

10. String.trim ()

trimmata() method poistaa kaikki merkkijonon tyhjät tilat ennen ensimmäistä merkkiä ja viimeisen merkin jälkeen. Tämä menetelmä ei vaadi parametrien välittämistä, eikä se muokkaa alkuperäistä merkkijonoa. Se on erittäin hyödyllinen käyttäjän syötteiden validoinnissa lomakkeissa.

Syntaksi:

trimmata()

Otetaan uusi esimerkki tutkiakseen tätä merkkijonomenetelmää:

let untrimmedString = "Tervetuloa MUOon! ";
anna trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);
"Tervetuloa MUO: han!"
"Tervetuloa MUO: han! "

Lisää JavaScript-menetelmiä uloskirjautumiseen

Joten tämä oli nopea yhteenveto joistakin tavallisista merkkijonomenetelmistä, joiden avulla voit olla tuottavampi JavaScript-kehittäjänä. Nämä menetelmät auttavat myös ässä koodaushaastatteluissasi merkkijonoihin liittyvissä kysymyksissä. Harjoittelu tekee täydellisestä, joten kokeile näitä menetelmiä omassa konsolissasi.

Kun olet perehtynyt merkkijonomenetelmiin, voi olla hyödyllistä tarkastella joitain matriisimenetelmiä, jotka voivat parantaa JavaScriptiäsi entisestään.

Sähköposti
15 JavaScript-matriisimenetelmää, jotka sinun tulisi hallita tänään

Haluatko ymmärtää JavaScript-taulukoita, mutta et pääse käsittelemään niitä? Katso ohjeita JavaScript-taulukkoesimerkkeistämme.

Lue seuraava

Liittyvät aiheet
  • Ohjelmointi
  • JavaScript
  • Koodausvinkit
Kirjailijasta
Nitin Ranganath (18 artikkelia julkaistu)

Nitin on innokas ohjelmistokehittäjä ja tietokonetekniikan opiskelija, joka kehittää verkkosovelluksia JavaScript-tekniikoilla. Hän työskentelee freelance-web-kehittäjänä ja haluaa kirjoittaa Linuxille ja ohjelmoinnille vapaa-ajallaan.

Lisää Nitin Ranganathista

Tilaa uutiskirjeemme

Liity uutiskirjeeseemme, jossa on teknisiä vinkkejä, arvosteluja, ilmaisia ​​e-kirjoja ja erikoistarjouksia!

Vielä yksi askel !!!

Vahvista sähköpostiosoitteesi juuri lähettämässäsi sähköpostiviestissä.

.