Lecciones del módulo (2/4)
Métodos de cadena
Las cadenas (strings) en JS tienen decenas de métodos, pero en la práctica usarás unos diez. Todas son funciones que no modifican la cadena original (las cadenas son inmutables), sino que devuelven un nuevo valor.
Longitud, mayúsculas, búsqueda
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'
'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false
'JavaScript'.indexOf('a'); // 1 (prima occorrenza, da 0)
'JavaScript'.indexOf('zzz'); // -1 (non trovato)length es una propiedad (sin paréntesis), los demás son métodos —
funciones invocadas con (…).
Extraer fragmentos con slice
slice(inicio, fin) devuelve la subcadena entre las posiciones indicadas
(fin excluido). Los índices negativos cuentan desde el final.
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh' (omessa fine = fino in fondo)
'abcdefgh'.slice(-2); // 'gh' (ultimi due)Separar y unir
split(separador) divide una cadena en un array de partes. Lo contrario es
join(...) en el array:
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'Reemplazar
replace cambia la primera coincidencia, replaceAll todas:
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'Trim: eliminar espacios en los extremos
trim() elimina espacios (y saltos de línea, tabulaciones) al principio y al final.
Indispensable cuando recibes datos de entrada de un formulario.
' ciao '.trim(); // 'ciao'Pruébalo tú mismo
Dado el correo electrónico `' Mario.Rossi@Example.com '`, normalízalo: elimina los espacios a su alrededor y pásalo todo a minúsculas. La última expresión debe evaluar a 'mario.rossi@example.com'.
Mostrar pista
Puedes encadenar los métodos: primero trim(), luego toLowerCase().
Solución disponible después de 3 intentos
Ejercicio de repaso
Dada la cadena `'rosso,verde,blu,giallo'`, devuelve como última expresión el NÚMERO de colores (es decir, 4).
Mostrar pista
split(',') te da un array; .length te da el número de elementos.
Solución disponible después de 3 intentos