Saltar al contenido principal
eLearner.app
Módulo 2 · Lección 2 de 46/32 en el curso~10 min
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

JS
'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.

JS
'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:

JS
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'

Reemplazar

replace cambia la primera coincidencia, replaceAll todas:

JS
'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.

JS
'   ciao  '.trim(); // 'ciao'

Pruébalo tú mismo

Ejercicio#js.m2.l2.e1
Intentos: 0Cargando...

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'.

Cargando editor...
Mostrar pista

Puedes encadenar los métodos: primero trim(), luego toLowerCase().

Solución disponible después de 3 intentos

Ejercicio de repaso

Ejercicio#js.m2.l2.e2
Intentos: 0Cargando...

Dada la cadena `'rosso,verde,blu,giallo'`, devuelve como última expresión el NÚMERO de colores (es decir, 4).

Cargando editor...
Mostrar pista

split(',') te da un array; .length te da el número de elementos.

Solución disponible después de 3 intentos