16 - Funciones de texto
¿Qué son las funciones de texto?
Son métodos enfocados a los String que permiten hacer cosas como reemplazar, buscar… determinados valores en nuestro texto.
Aquí veremos sólo algunos de ellos. Para más información
Estructura inicial
En nuestra carpeta de proyecto crearemos la siguiente estructura:
/
├── js/
│ └── 16-funciones-de-texto.js
└── index.htmlY un código sencillo para nuestro HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./js/16-funciones-de-texto.js"></script>
<title>16 - Funciones de texto</title>
</head>
<body>
<h1>Temario de JavaScript</h1>
</body>
</html>Método charAt()
Devuelve el carácter de una posición (empezando por 0) que indiquemos del String:
let texto = "Se levantó a las 12:00"
let valor = texto.charAt(6) //a
let valor2 = texto.charAt(10) //óMétodo includes()
Comprueba que un String contenga un texto que indiquemos:
let texto = "Trabaja de lunes a viernes desde las 8:00 hasta las 17:00"
console.log(texto.includes("lunes")) //True
console.log(texto.includes("jueves")) //FalseMétodo indexOf()
Devuelve la posición de un caracter que indiquemos del String:
let texto = "Se levantó a las 12:00"
let valor = texto.indexOf("l") //3Método length
Devuelve la longitud de un String:
let texto = "Hola"
console.log(texto.length) //4Nota: length no lleva paréntesis
Método repeat()
Repite un mismo texto las veces que le digamos:
let saludo = "hola"
let multipleSaludo = saludo.repeat(4)
console.log(multipleSaludo) //holaholaholaholaMétodo replace() y replaceAll()
Permite reemplazar un texto o textos de nuestro String por otro:
let texto = "El perro de mi amiga es un perro muy pequeño."
console.log(texto.replace("perro", "gato")) //El gato de amiga es un perro muy pequeño.
console.log(texto.replaceAll("perro", "gato")) //El gato de amiga es un gato muy pequeño.Método toLowerCase() y toUpperCase()
Convierte todas las letras del String a minúsculas y mayúsculas respectivamente:
let texto = "Hola mundo"
console.log(texto.toLowerCase()) //hola mundo
console.log(texto.toUpperCase()) //HOLA MUNDOMétodo slice()
Permite coger una parte de nuestro String:
let texto = "Hola, mundo. ¿Qué tal estamos?"
console.log(texto.slice(0, 11)) //Hola, mundo
console.log(texto.slice(13)) //¿Qué tal estamos?Podemos indicar una posición inicial y otra final o solo una inicial, en cuyo caso llegará hasta el final del String
Método split()
Separa un String en un array de Strings en base a un caracter específico (por ej. una coma, un espacio…):
let nombreApellidos = "Miguel Lorenzo López"
console.log(nombreApellidos.split(" ")) //["Miguel", "Lorenzo", "López"]Método trim()
Elimina espacios al principio y final de un String:
let texto = " Hola mundo "
console.log(texto.trim()) //Hola mundo