10 JavaScript -merkkijonomenetelmää, jotka sinun pitäisi hallita tänään

JavaScript -ohjelmoinnin aikana törmäät usein tilanteisiin, jotka edellyttävät merkkijonon käsittelyä. Esimerkiksi sähköpostin noutamisen aikana sinun on ehkä muutettava 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ää, joissa on esimerkkejä, joiden avulla saat hyvän käsityksen niistä.

Mitä JavaScript -merkkijonomenetelmät ovat?

Merkkijonot ovat perusrakenne, joka koostuu merkkijonosta. Tämä tietorakenne on osa kaikkia tärkeimpiä ohjelmointikieliä, mukaan lukien Python, JavaScript, Java ja muut.

Merkkijonomenetelmät ovat valmiita JavaScript-menetelmiä, jotka auttavat kehittäjiä suorittamaan yleisiä toimintoja merkkijonoilla ilman, että koodia tarvitsee kirjoittaa manuaalisesti. Ne suoritetaan käyttämällä merkkijonomuuttujaan liitettyä pistemerkintää.

Aiheeseen liittyviä: Mikä on toiminto ohjelmoinnissa?

kuinka ladata video verkkosivustolta

Koska ne ovat vain JavaScript -toimintoja, ne päättyvät aina sulkeisiin, joissa voi olla valinnaisia argumentteja. On välttämätöntä tietää mikä JavaScript on ja miten se toimii ennen kuin jatkat eteenpäin. Aloitetaan ja opitaan nämä menetelmät yksityiskohtaisemmin.

Tulevia menetelmiä varten otetaan merkkijonomuuttuja s arvolla ' Tervetuloa MUOon! ' Esimerkiksi.

let str = 'Welcome to MUO!'

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

The pienille kirjaimille () merkkijonomenetelmä muuntaa kaikki annetun merkkijonon merkit pieniksi kirjaimiksi ja vastaavasti toUpperCase () menetelmä muuntaa kaikki merkit isoiksi. Nämä toiminnot eivät muuta alkuperäistä merkkijonoa.

Syntaksi:

toUpperCase()  
toLowerCase()

Tarkastellaan näitä kahta menetelmää pikaesimerkillä:

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

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

'welcome to muo!'  
'WELCOME TO MUO!'  
'Welcome to MUO!'

2. String.concat ()

The ketju () Menetelmää käytetään kahden tai useamman merkkijonon yhdistämiseen. Voit lisätä tähän menetelmään yhden tai useamman argumentin yhdistääksesi ne yhdeksi merkkijonoksi. Se ei muuta alkuperäistä merkkijonoa.

Syntaksi:

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

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

let str2 = ' How are you?';  
let newString = str.concat(str2);  
console.log(newString);

'Welcome to MUO! How are you?'

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

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

Syntaksi:

indexOf(str)

Otetaan selville indeksi, jossa MUO on merkkijonossa esimerkillä:

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

Jos annettu argumentti ei ole merkkijonossa, menetelmä palauttaa arvon -1.

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

Samoin, lastIndexOf () menetelmä palauttaa annetun merkin tai merkkijonon viimeisen esiintymän indeksin. Tässä on esimerkki:

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

Vaikka aakkoset Ja näkyy hakemistossa 1, tämän merkin viimeinen esiintyminen on indeksissä 6 ja palautetaan siten tulostena.

4. String.charAt ()

The charAt () merkkijono -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(index)

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

console.log(str.charAt(9));  
console.log(str.charAt(0));  
console.log(str.charAt(str.length - 1));

o  
W  
!

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

5. String.charCodeAt ()

Samanlainen kuin charAt -menetelmä, the charCodeAt () menetelmä palauttaa ASCII -arvo merkistä määritetyssä hakemistossa. Tämä merkkijonomenetelmä sisältää vain yhden argumentin, indeksin, josta merkki on haettava.

Syntaksi:

charCodeAt(index)

str.charCodeAt(5);  
str.charCodeAt(str.length - 1);

109  
33

Jälleen kerran indeksin arvo vaihtelee 0: sta pituuteen - 1 ja jos yrität ohittaa indeksin sallitun rajan yli, tämä menetelmä palauttaa -1.

6. String.replace ()

Kuten nimestä voi päätellä, korvata() menetelmä auttaa sinua korvaamaan jonon osan toisella. Tämä menetelmä sisältää kaksi argumenttia: ensimmäinen on korvattava alimerkkijono ja toinen korvattava alimerkkijono. Tämä menetelmä ei muuta alkuperäistä merkkijonoa.

Syntaksi:

replace(str1, str2)

Jos esimerkiksi haluat korvata sanan MUO kanssa tämä sivusto merkkijonomuuttujassa voit käyttää korvata() menetelmä näin:

let newString = str.replace('MUO', 'this website');  
console.log(newString);  
console.log(str);

Welcome to this website!  
Welcome to MUO!

7. String.split ()

The jakaa() -menetelmää käytetään hajottamaan kaikki merkkijonon sanat tai merkit menetelmään välitetyn erotin -argumentin mukaisesti. Tämän menetelmän palautustyyppi on taulukko. Tämä taulukko koostuu kaikista merkeistä tai alimerkkijonoista jaettuna annetun erottimen mukaan. Tämä menetelmä ei muuta alkuperäistä merkkijonoa.

Syntaksi:

split(separator)

Jos esimerkiksi tyhjä väli ('') välitetään erotinargumentiksi jakoprosessille, tulos näyttää tältä:

let splitArray = str.split(' ');  
console.log(splitArray);

['Welcome', 'to', 'MUO!']

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

let splitArray = str.split();  
console.log(splitArray);

['Welcome to MUO!']

8. String.substring ()

The alimerkkijono () -menetelmää käytetään alimerkkijonon tai osan alkuperäisen merkkijonon hankkimiseen. Tässä menetelmässä on kaksi parametria: alku- ja loppuindeksi. Tulostusalimerkkijono alkaa määritetystä aloitusindeksistä ja tulostaa loppuun asti - 1.

Syntaksi:

substring(startIndex, endIndex)

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

console.log(str.substring(2,8)); 'lcome'

Huomaa, että päätehakemiston merkki ei ole osa tuotosta.

9. String.search ()

The Hae() menetelmä 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 merkkijonon läpi. Löydettyään osuman, palautetun osan aloitusindeksi palautetaan. Muussa tapauksessa tämä menetelmä palauttaa arvon -1.

Syntaksi:

search(substring)

Voit hyödyntää Hae() menetelmä tällä tavalla:

console.log(str.search('MUO'));  
console.log(str.search('2'));

11  
-1

10. String.trim ()

The trimmata() menetelmä poistaa kaikki merkkijonon välilyönnit ennen ensimmäistä merkkiä ja viimeisen merkin jälkeen. Tämä menetelmä ei edellytä parametrien välittämistä eikä muuta alkuperäistä merkkijonoa. Se on erittäin hyödyllinen käyttäjien syötteiden vahvistamisessa lomakkeissa.

Syntaksi:

trim()

Otetaan uusi esimerkki tutkiaksesi tätä merkkijonomenetelmää:

jaa yksi näyttö kahteen virtuaalinäyttöön

let untrimmedString = ' Welcome to MUO! ';  
let trimmedString = untrimmedString.trim();  
console.log(trimmedString);  
console.log(untrimmedString);

'Welcome to MUO!'  
' Welcome to MUO! '

Lisää JavaScript -menetelmiä

Joten tämä oli nopea yhteenveto joistakin tavallisista merkkijonomenetelmistä, joiden avulla voit olla tuottavampi JavaScript -kehittäjänä. Nämä menetelmät auttavat sinua myös ässyttämään haastattelusi merkkijonoon liittyvissä kysymyksissä. Harjoitus tekee mestarin, joten kokeile näitä menetelmiä omassa konsolissasi.

Kun olet perehtynyt merkkijonomenetelmiin, saattaa olla hyödyllistä tarkastella joitain matriisimenetelmiä, jotka voivat parantaa JavaScriptin hallintaa entisestään.

Jaa Jaa Tweet Sähköposti 15 JavaScript -array -menetelmää, jotka sinun pitäisi hallita tänään

Haluatko ymmärtää JavaScript -taulukot, mutta et pääse käsiksi niihin? Katso ohjeita JavaScript -taulukkoesimerkeistämme.

Lue seuraava Liittyvät aiheet

Ohjelmointi
JavaScript
Koodausvinkkejä

Kirjailijasta Nitin Ranganath(31 artikkelia julkaistu)

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

Lisää Nitin Ranganathilta

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi