Home-theater-designers
Mentre programeu en JavaScript, sovint us trobareu amb escenaris que requereixen una manipulació de cadenes. Per exemple, mentre es recupera un correu electrònic, és possible que hagueu de convertir tots els caràcters en minúscules o utilitzar una expressió regular per comprovar si la contrasenya introduïda compleix totes les condicions.
Els mètodes de cadenes JavaScript us ajudaran a realitzar totes aquestes operacions en una cadena segons els vostres requisits amb facilitat. Aquí hi ha 10 mètodes de cadenes amb exemples per ajudar-vos a comprendre-los bé.
Què són els mètodes de cadenes de JavaScript?
Les cadenes són una estructura de dades fonamental que consisteix en una seqüència de caràcters. Aquesta estructura de dades forma part de tots els llenguatges de programació principals, inclosos Python, JavaScript, Java i molt més.
Els mètodes de cadena són els mètodes JavaScript predefinits que ajuden els desenvolupadors a realitzar operacions habituals en cadenes sense necessitat d’escriure el codi manualment. S’executen mitjançant la notació de punts adjunta a la variable de cadena.
Relacionat: Què és una funció en la programació?
com reduir la mida del fitxer de jpg
Com que només són funcions JavaScript, sempre acaben amb parèntesis que pot contenir arguments opcionals. És essencial saber-ho què és JavaScript i com funciona abans de continuar. Comencem i aprenem aquests mètodes amb més detall.
Per als propers mètodes, prenem una variable de cadena pàg amb el valor de ' Benvingut a MUO! ' com un exemple.
let str = 'Welcome to MUO!'1. String.toLowerCase () i String.toUppperCase ()
El toLowerCase () El mètode de cadena converteix tots els caràcters de la cadena donada al format en minúscula i, de manera similar, el fitxer toUpperCase () converteix tots els caràcters al format en majúscules. Aquestes funcions no modifiquen la cadena original.
Sintaxi:
toUpperCase()
toLowerCase()Vegem aquests dos mètodes amb un exemple ràpid:
console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);En executar el codi anterior a la consola, rebreu la següent sortida:
'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'2. String.concat ()
El concat () s'utilitza per unir dues o més cadenes. Podeu afegir un o més arguments a aquest mètode per concatenar-los en una sola cadena. No fa cap modificació a la cadena original.
Sintaxi:
concat(str1, str2, str3, ...)Aquí teniu un exemple que mostra la concatenació de dues cadenes per formar una cadena nova:
let str2 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'3. String.indexOf () i String.lastIndexOf ()
El índex de() El mètode us ajuda a esbrinar el primer índex on es troba el caràcter o la subcadena especificats. Comença des del costat esquerre i ressegueix la cadena per comprovar si l'argument donat coincideix.
Sintaxi:
indexOf(str)Esbrinem l’índex en què MUO és present a la cadena amb un exemple:
console.log(str.indexOf('MUO')); 11Si l'argument donat no està present a la cadena, el mètode retorna un valor de -1.
console.log(str.indexOf('Hello')); -1De la mateixa manera, el lastIndexOf () el mètode retorna l'índex de l'última aparició del caràcter o la cadena donats. Aquí teniu un exemple:
console.log(str.lastIndexOf('e')); 6Tot i que l’alfabet I apareix a l'índex 1, l'última aparició d'aquest caràcter es troba a l'índex 6 i, per tant, es torna com a sortida.
4. String.charAt ()
El charAt () El mètode string retorna el caràcter a l’índex especificat a la cadena. Només accepta un argument, l’índex on s’ha de recuperar el caràcter. El valor de l’índex oscil·la entre 0 i la longitud - 1.
Sintaxi:
charAt(index)Aquí teniu un exemple de charAt () mètode:
console.log(str.charAt(9));
console.log(str.charAt(0));
console.log(str.charAt(str.length - 1)); o
W
!A l'exemple anterior, quan str.longitud - 1 s'ha passat com a argument, el mètode retorna l'últim caràcter de la cadena. Si introduïu un índex no vàlid que excedeixi l'interval permès, aquest mètode retorna -1.
5. String.charCodeAt ()
Semblant al mètode charAt, el charCodeAt () torna el mètode Valor ASCII del caràcter de l'índex especificat. Aquest mètode de cadena només adopta un argument, l’índex del qual s’ha de recuperar el caràcter.
Sintaxi:
charCodeAt(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1); 109
33Una vegada més, el valor de l’índex oscil·la entre 0 i la longitud - 1 i si intenteu passar un índex més enllà del límit permès, aquest mètode retornarà -1.
6. String.replace ()
Com el seu nom indica, el replace () El mètode us ajuda a substituir una part de la cadena per una altra. Aquest mètode té dos arguments: el primer és la subcadena a substituir i el segon és la subcadena a substituir. Aquest mètode no fa cap modificació a la cadena original.
Sintaxi:
replace(str1, str2)Per exemple, si voleu substituir la paraula MUO amb aquest lloc web a la variable de cadena, podeu utilitzar el fitxer replace () mètode com aquest:
let newString = str.replace('MUO', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to MUO!7. String.split ()
El split () S’utilitza el mètode per desglossar totes les paraules o caràcters d’una cadena segons l’argument separador passat al mètode. El tipus de retorn d’aquest mètode és una matriu. Aquesta matriu consta de tots els caràcters o subcadenes, dividits segons el separador donat. Aquest mètode no modifica la cadena original.
Sintaxi:
split(separator)Per exemple, si es passa un espai en blanc ('') com a argument separador al mètode de divisió, així es mostrarà la sortida:
let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', 'MUO!']Si no passa cap argument al fitxer split () , retornarà una matriu amb un sol element que consta del valor de la variable de cadena.
let splitArray = str.split();
console.log(splitArray); ['Welcome to MUO!']8. String.substring ()
El subcadena () s’utilitza el mètode per obtenir una subcadena o una part de la cadena original. Aquest mètode té dos paràmetres: l’índex inicial i l’índex final. La subcadena de sortida comença a partir de l'índex inicial especificat i imprimeix fins a l'índex final - 1.
Sintaxi:
substring(startIndex, endIndex)Aquí hi ha un ràpid exemple de subcadena () mètode:
console.log(str.substring(2,8)); 'lcome'Tingueu en compte que el caràcter de l'índex final no forma part de la sortida.
9. String.search ()
El cerca() El mètode ajuda a trobar una cadena o un caràcter concret dins de la cadena original. Aquest mètode accepta un grup de caràcters o subcadena com a argument i rastreja la cadena. En trobar una coincidència, es torna l'índex inicial de la porció coincident. En cas contrari, aquest mètode retorna -1.
Sintaxi:
search(substring)Podeu fer ús del fitxer cerca() mètode d'aquesta manera:
console.log(str.search('MUO'));
console.log(str.search('2')); 11
-110. String.trim ()
El retallar () El mètode elimina tots els espais en blanc de la cadena, abans del primer caràcter i després de l'últim caràcter. Aquest mètode no requereix que passeu cap paràmetre ni modifica la cadena original. És extremadament útil per a la validació d’entrada d’usuaris als formularis.
Sintaxi:
trim()Prenem un nou exemple per explorar aquest mètode de cadena:
Com puc reduir la mida d'un JPEG
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to MUO! 'Més mètodes JavaScript per fer la sortida
Per tant, es va fer un resum ràpid d'alguns mètodes de cadenes habituals que us poden ajudar a ser més productiu com a desenvolupador de JavaScript. Aquests mètodes també us ajudaran a obtenir les vostres entrevistes de codificació per a preguntes relacionades amb la cadena. La pràctica és perfecta, així que continueu i proveu aquests mètodes a la vostra pròpia consola.
Un cop hàgiu aprofundit en els mètodes de cadena, potser val la pena fer una ullada a alguns mètodes de matriu que poden millorar encara més el vostre domini de JavaScript.
Compartir Compartir Tweet Correu electrònic 15 mètodes de matriu de JavaScript que hauríeu de dominar avuiVoleu entendre les matrius de JavaScript però no podeu comprendre-les? Consulteu els nostres exemples de matrius de JavaScript per obtenir més informació.
Llegiu a continuació Temes relacionats- Programació
- JavaScript
- Consells de codificació
Nitin és un àvid desenvolupador de programari i estudiant d’enginyeria informàtica que desenvolupa aplicacions web mitjançant tecnologies JavaScript. Treballa com a desenvolupador web independent i li agrada escriure per a Linux i Programació en el seu temps lliure.
Més de Nitin RanganathSubscriu-te al nostre butlletí
Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.
Feu clic aquí per subscriure-us