En este artículo veremos métodos de cadenas javascript o métodos para tratamiento de cadenas en Javascript con ejemplos. Clase y objetos String, funciones de utilidad de cadenas, etc.
Las cadenas en JavaScript son un tipo de dato que representa una secuencia de caracteres.
Las cadenas son esenciales para el manejo de texto en JavaScript y se utilizan ampliamente en desarrollo web y de aplicaciones.
En JavaScript, las cadenas son valores de texto que se encierran en comillas simples (‘) o comillas dobles (“). Las cadenas pueden ser manipuladas y transformadas con diferentes métodos y funciones. Aquí están algunos ejemplos de tratamiento de cadenas en JavaScript:
Las cadenas de caracteres se pueden concatenar, dividir, buscar y reemplazar. Además, se pueden aplicar diversas funciones y métodos para manipular las cadenas, como length (para determinar la longitud de la cadena), slice (para obtener una parte de la cadena) o toUpperCase (para convertir la cadena a mayúsculas).
Las variables de tipo texto son objetos de la clase String por lo que cada variable de tipo texto cuenta con propiedades y métodos. Las propiedades son características y los métodos son funcionalidades.
Mediante los métodos manejaremos cadenas de texto en javascript.
Concatenar cadenas de caracteres en Javascript
Concat es un metodo para concatenar.
Let cadena = “Está ladrando”;
resutante = cadena.concat(” es un perro”);
document.write(resutante);
Busqueda de caracteres dentro de un texto
startsWith devuelve tru si la cadena evaluada comienza con un argumento determinado.
Let cadena = “Las abejas polinizan las flores”;
resutado = cadena.startsWith(“Las abejas”);
document.write(resutado);
endsWith devuelve tru si la cadena evaluada finaliza con un argumento determinado.
Let cadena = “Las abejas polinizan las flores”;
resutado = cadena.endsWith(“las flores”);
document.write(resutado);
includes devuelve tru si la cadena evaluada contiene un argumento determinado sin importar su ubicación.
Let cadena = “Las abejas polinizan las flores”;
resutado = cadena.includes(“las flores”);
document.write(resutado);
indexOf devuelve la posición en la cadena evaluada donde aparece un argumento determinado.
El resultado es un número que indica donde comienza la cadena de caracteres buscada. Si no encuentra la cadena el resultado será -1.
Let cadena = “Las abejas polinizan las flores”;
resutado = cadena.indexOf(“las flores”);
document.write(resutado);
lastIndexOf devuelve la posición donde aparece por ultima vez en la cadena evaluada un argumento determinado.
El resultado es un número que indica donde comienza por ultima vez la cadena de caracteres buscada. Si no encuentra la cadena el resultado será -1.
Let cadena = “Las abejas polinizan las flores amarillas, flores rojas, flores azules”;
resutado = cadena.lastIndexOf(“flores”);
document.write(resutado);
Completar la cadena de caracteres con un caracter determinado
padStart completa la cadena de caracteres con un caracter determinado para llegar a una cantidad de caracteres.
Rellena la cadena desde el inicio para que el total de caracteres de la cadena sea un número determinado.
En el ejemplo se completa la cadena hasta llegar a los 10 caracteres.
Let cadena = “123456”;
resultado = cadena.padStart(10,”0″);
document.write(resultado);
padEnd rellena el final de una cadena de caracteres con un caracter determinado para llegar a una cantidad de caracteres.
Rellena la cadena desde el fin para que el total de caracteres de la cadena sea un número determinado.
En el ejemplo se completa la cadena hasta llegar a los 10 caracteres.
Let cadena = “123456”;
resultado = cadena.padEnd(10,”0″);
document.write(resultado);
Como repetir una cadena de caracteres
repeat repite una cadena de caracteres una determinada cantidad de veces.
Let cadena = “abejas “;
resultado = cadena.repeat(5);
document.write(resultado);
Dividir una cadena de caracteres utilizando un argumento
split divide una cadena de caracteres utilizando un argumento.
El resultante será cargado en un array.
Let cadena = “uvas,peras,manzanas”;
resultado = cadena.split(“,”);
document.write(resultado);
substring crea un nuevo string tomando el anterior.
En este caso deberemos pasar dos argumentos: inicio y fin.
Let cadena = “uvas, peras, manzanas”;
resultado = cadena.substring(0,4);
document.write(resultado);
Convertir una cadena a minúsculas
toLowerCase convierte una cadena a minusculas
Let cadena = “La Verduleria Vende: uvas, peras, manzanas”;
resultado = cadena.toLowerCase();
document.write(resultado);
Convertir una cadena a mayúsculas
toUpperCase convierte una cadena a mayúsculas
Let cadena = “La Verduleria Vende: uvas, peras, manzanas”;
resultado = cadena.toUpperCase();
document.write(resultado);
Convertir un dato en cadena de texto
toString convierte un dato en cadena de texto
Let cadena = 100;
resultado = cadena.toString();
document.write(resultado);
Eliminar los espacios de una cadena
trim elimina los espacios de una cadena.
Let cadena = “peras manzanas uvas”;
Let resultado = cadena.trim();
document.write(resultado);
Eliminar los espacios al final de una cadena
trimEnd elimina los espacios al final de una cadena.
Let cadena = “peras manzanas uvas “;
Let resultado = cadena.trimEnd();
document.write(resultado);
Eliminar los espacios al inicio de una cadena
trimStart elimina los espacios al inicio de una cadena.
Let cadena = ” peras manzanas uvas “;
Let resultado = cadena.trimStart();
document.write(resultado);
Eliminar el ultimo elemento de un array
pop elimina el ultimo elemento de un array
Let cadena = [“peras”, “manzanas”, “uvas”];
Let resultado = cadena.pop();
document.write(resultado);
Eliminar el primer elemento de un array
shift elimina el primer elemento de un array
Let cadena = [“peras”, “manzanas”, “uvas”];
Let resultado = cadena.shift();
document.write(resultado);
Agregar elementos a un array
push agrega elementos a un arreglo
Let cadena = [“peras”, “manzanas”, “uvas”];
Let resultado = cadena.push(“naranjas”, “bananas”);
document.write(cadena);
reverse invierte el orden de los elementos de un array
Let cadena = [“peras”, “manzanas”, “uvas”];
Let resultado = cadena.reverse();
document.write(cadena);
Con unshift agregamos uno o mas elementos a un array.
cadena = [“peras”, “manzanas”, “uvas”];
resultado = cadena.unshift(“bananas”, “cerezas”);
document.write(cadena);
Sort ordena los elementos de un array. El orden será ascendente y los elementos pueden ser numéricos o caracteres.
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
resultado = cadena.sort();
document.write(cadena);
Splice elimina elementos de un array. Como argumentos deberemos indicarle desde donde realizar la operación y cuantos elementos quitaremos.
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
document.write(cadena +”<br>”);
resultado = cadena.splice(1,2);
document.write(cadena);
Si en esa posición queremos agregar un elemento deberemos agregar un argumento mas.
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
document.write(cadena +”<br>”);
resultado = cadena.splice(1,2, “anana”);
document.write(cadena);
Si queremos agregar mas elementos:
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
document.write(cadena +”<br>”);
resultado = cadena.splice(1,2, “anana”, “cebolla”, “papa”, “lechuga”);
document.write(cadena);
Como unir los elementos de un array
Join es utilizado para unir los elementos de un array en una cadena de texto resultante utilizando como separador el argumento que hayamos utilizado.
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
document.write(cadena +”<br>”);
resultado = cadena.join(” / “);
document.write(resultado);
Slice extrae los elementos de un array para agregarlos a otro.
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
document.write(cadena +”<br>”);
resultado = cadena.slice(2,4);
document.write(resultado);
forEach recorre un array
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
cadena.forEach(resultado => document.write(resultado + “<br>”))
filter es un método que recorre los elementos de un array para crear una nueva cadena.
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
cadena.filter(resultado => document.write(resultado + “<br>”))
o
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
cadena.filter((resultado)=>{ document.write(resultado + “<br>”)})
Con filter también podriamos filtrar los resultados. En este ejemplo recorremos el arreglo y solo dejamos pasar los elementos que cuenten con mas de 5 caracteres.
cadena = [“peras”, “manzanas”, “uvas”, “bananas”, “cerezas”];
resultado = cadena.filter( cadena => cadena.length > 5);
document.write(resultado);
La función Math.random() devuelve un número de coma flotante aleatorio comprendido entre el 0 y el 1
resultado = Math.random()
document.write(resultado)Math.floor devuelve la parte entera de un número
resultado = Math.random();
resultado = Math.floor(resultado*100);
document.write(resultado)Math.round redondea al numero entero mas cercano.
resultado = Math.round(4.55);
document.write(resultado)En conclusión, el tratamiento de cadenas en JavaScript es una tarea sencilla gracias a las funciones y métodos que proporciona este lenguaje. Puedes manipular cadenas de texto, buscar patrones y extraer información de manera eficiente.
En JavaScript, puedes utilizar funciones como “indexOf()” y “lastIndexOf()” para buscar subcadenas dentro de una cadena de texto, y “substring()” y “slice()” para extraer partes de una cadena. Además, puedes utilizar expresiones regulares para buscar patrones más complejos.
También puedes utilizar funciones como “toUpperCase()” y “toLowerCase()” para cambiar el caso de los caracteres de una cadena, y “replace()” para reemplazar subcadenas.
Otras funciones útiles para el tratamiento de cadenas en JavaScript incluyen “trim()”, que elimina los espacios en blanco al principio y al final de una cadena, y “split()”, que divide una cadena en un array de subcadenas utilizando un separador específico.
En resumen, el tratamiento de cadenas en JavaScript es una tarea esencial en cualquier aplicación web, y JavaScript proporciona las funciones y métodos necesarios para hacerlo de manera eficiente. Si necesitas trabajar con cadenas de texto en tu proyecto, ¡no dudes en utilizar JavaScript y aprovechar todas sus funcionalidades para hacerlo de manera eficiente! Esperamos que este artículo te haya sido de utilidad.
Esperamos te resulte de utilidad este articulo de Tratamiento de cadenas en Javascript
Related posts:
