Segunda clase: Strings en JavaScript#

Conceptos clave#

• String es el tipo para representar texto en JavaScript.
• Los strings son inmutables: los métodos retornan nuevos valores.
• Los índices empiezan en 0 y el último índice es length - 1.
• Muchos métodos aceptan parámetros opcionales como pos (posición inicial) para buscar o recortar.

Propiedades y métodos principales#

• length: número de caracteres del texto.
• charAt(n): devuelve el carácter en la posición n.
• toLowerCase() / toUpperCase(): devuelve el texto en minúsculas o mayúsculas.
• trim() / trimStart() / trimEnd(): elimina espacios al inicio/fin.
• includes(text[, pos]): comprueba si contiene text desde pos.
• indexOf(text[, pos]): primera posición de text o -1 si no aparece.
• lastIndexOf(text[, pos]): última posición de text.
• substring(inicio[, fin]): subcadena entre inicio (incluido) y fin (excluido).
• replace(t1, t2) / replaceAll(t1, t2): sustituye t1 por t2 (primera o todas).
• repeat(n): repite el texto n veces.
• padStart(n, text) / padEnd(n, text): rellena hasta longitud n con text.
• startsWith(text) / endsWith(text): comprueba comienzo/fin.
• split(text): separa el texto en un array usando text como separador.

Ejemplos en catalán#

1
// Els textos (cadenes de caràcters o strings) són immutables.
2
let nom = "Peter";
3
let nomMajuscules = nom.toUpperCase();        // nomMajuscules = "PETER"
4
let nomMinuscules = "Mary".toLowerCase();    // nomMinuscules = "mary"
5

6
// Alguns mètodes importants
7
let l = "Hello World".length;             // l = 11
8
let c = "Hello World".charAt(6);          // c = 'W'
9
let repetit = "Hola".repeat(3);           // repetit = "HolaHolaHola"
10
let ambZeros = "123".padStart(5, '0');    // ambZeros = "00123"
11

12
let hola = "Hello World";
13
let inclou = hola.includes("World");                // inclou = true
14
let ndx = hola.indexOf(" ");                        // ndx = 5
15
let s1 = hola.substring(0, ndx).toUpperCase();      // s1 = "HELLO"
16
let s2 = hola.substring(ndx + 1).toLowerCase();     // s2 = "world"
17

18
// ATENCIÓ: la primera lletra és la 0, l'última és length - 1
19
let s = "Hola";
20
let mida = s.length;      // mida = 4
21
let c0 = s.charAt(0);     // c0 = 'H'
22
let cF = s.charAt(mida - 1); // cF = 'a'
23
let cOut = s.charAt(mida);   // cOut = '' (fora de rang)
24

25
// Caràcters especials (codis d'escapament)
26
let missatge = "Primera línia";
27
missatge += "\nSegona línia"; // \n = salt de línia
28
alert(missatge);

Detalles importantes#

• Acceder con un índice fuera de rango devuelve "" (cadena vacía).
• Métodos como replace no alteran el original: hay que reasignar.

1
let hola2 = "HOLA";
2
hola2.replace('A', 'I');          // NO canvia la variable hola2
3
hola2 = hola2.replace('A', 'I');  // Ara sí: hola2 = "HOLI"

Ejercicios (enunciados en español)#

1. ¿Cuántas letras?

• Guarda en una variable el número de letras que hay en la constante LLETRES y muéstralo con alert().

2. Letra enésima

• Muestra la letra que hay en la posición 10 solo con un alert() (sin variables intermedias).

3. Recortar texto

• Guarda en una variable las letras entre la posición 10 (incluida) y la 20 (excluida).
• Guarda en otra variable las letras desde la posición 10 hasta el final.
• Muestra ambas.

4. Nombre propio

• Inicializa una variable con tu nombre todo en minúsculas y otra con tu primer apellido todo en mayúsculas.
• Transforma y muestra nombre y apellido en la forma correcta (Primera mayúscula, resto minúsculas).

5. Encuentra la palabra

• Indica si una palabra está dentro de una frase (true/false).
• Opcional: haz que no importe el uso de mayúsculas/minúsculas.

6. Primera palabra

• Indica si una frase empieza con una palabra determinada (true/false).
• Opcional: case-insensitive.

7. Posición de la palabra

• En una frase con una palabra repetida, indica la primera y la última posición.
• Opcional: case-insensitive.

8. Recorta palabras repetidas

• Recorta todo el texto entre la primera y la última aparición de la palabra repetida (ambas incluidas).
• Ejemplo: de “Quan plou, plou tant que sembla que plourà tot el dia” → “plou, plou tant que sembla que plou”.
• Opcional: recorta excluyendo la primera y la última.

Soluciones (código en catalán)#

1
// Exercici 1
2
const LLETRES = "TRWAGMYFPDXBNJZSQVHLCKE";
3
console.log(LLETRES.length)
4

5
// Exercici 2
6
console.log(LLETRES.charAt(10))
7

8
// Exercici 3
9
console.log(LLETRES.substring(10,20))
10
console.log(LLETRES.substring(10,))
11

12
// Exercici 4
13
let nom = "lucia"
14
let apellido = "ALVAREZ"
15
console.log(`Nom complet: ${nom.charAt(0).toUpperCase() + nom.slice(1)} ${apellido.charAt(0).toUpperCase() + apellido.slice(1).toLowerCase()}`)
16

17
// Exercici 5
18
let frase = "Quan plou, plou tant que sembla que plourà tot el dia"
19
let word = "plou"
20
function wordInSentence(sentence : string, word: string) {
21
  return sentence.toLowerCase().includes(word.toLowerCase());
22
}
23
wordInSentence(frase, word)
24

25
// Exercici 6
26
let primeraParaula = "qUan"
27
let fraseLow = frase.toLowerCase()
28
console.log(fraseLow.startsWith(primeraParaula.toLowerCase()))
29

30
// Exercici 7
31
let firstIndex = fraseLow.indexOf(word)
32
let lastIndex = fraseLow.lastIndexOf(word) + word.length
33
console.log(`Primer index ${firstIndex}, Último index: ${lastIndex}`)
34

35
// Exercici 8
36
console.log(`${frase.substring(firstIndex, lastIndex)}`)
37
console.log(`${frase.substring(firstIndex, fraseLow.lastIndexOf(word))}`)