Saltar al contenido
Portada » Manejo de Strings Javascript

Manejo de Strings Javascript

Los Strings en Javascript son un elemento fundamental como en cualquier lenguaje de programación. En Javascript podemos definir Strings de la siguiente forma:

"cadena de texto"
'cadena de texto'

Puede utilizar tanto las comillas dobles como las simples.

Concatenación

La sintaxis para concatenar cadenas es la siguiente:

string1 + string2

Ejemplos de uso de la concatenación de cadenas:

'cadena1' + 'cadena2'; // devuelve 'cadena1cadena2'
const primero = 'mi';
const segundo = 'cadena';
const union = primero + segundo; // la variable union tiene el valor 'micadena'

Longitud

El atributo .length devuelve la longitud del String. La sintaxis es la siguiente:

string.length

Algunos ejemplos de uso al medir la longitud de cadenas:

'Mi nombre'.length // 9 , tambien cuentan los espacios en blanco
''.length // 0

Transformar en mayúsculas y minúsculas

Las funciones para convertir en todo mayúsculas y todo minúsculas son .toUpperCase() y . toLowerCase() respectivamente. Algunos ejemplos de uso:

'mi Nombre'.toUpperCase(); // Returns 'MI NOMBRE'
'MI NoMBRE'.toLowerCase(); // Returns 'mi nombre'

Eliminar espacios a inicio y final

Con la función .trim() se eliminan los espacios al inicio y final del String. Ejemplos de uso:

'       b        '.trim(); // 'b'
'     b  b       '.trim(); // 'b  b'

Reemplazar trozos de la cadena

La función .replace() devuelve un string con el primer match de la sub-cadena reemplazada por la nueva sub-cadena. Aquí podemos ver un ejemplo:

'cadena original'.replace('original', 'reemplazo'); // returns 'cadena reemplazo'

Posición carácter

La función .charAt() devuelve el carácter especificado de un string. Los caracteres en un string se indexan de izquierda a derecha. El índice del primer carácter es cero y el índice del último carácter del string se identifica como: nombreString.length -1. Si el índice que le pasas está fuera de rango, Javascript devuelve un string vacio. Ejemplos:

'Hola Mundo'.charAt(0); // 'H'
'Hola Mundo'.charAt(238); // ''

Obtener subcadena

La función .substring() devuelve una secuencia de caracteres entre dos índices dentro del string. Algunos ejemplos de uso típicos:

'aventura'.substring(2,6); // devuelve 'eu'
// el substring empieza en index(2) , hasta index(6) no incluido 
'hola'.substring(1); // devuelve 'ola'
'Hola caracola'.substring(332); // devuelve ''
'En el mercado'.substring(2,324); // devuelve ' el mercado'
'Rapido y eficiente'.substring(3,3); // devuelve ''

// Cualquier elemento no numérico se tratará como cero
'Hola Hola'.substring('abcd' , 5); // returns 'Hola '

Posición sub-cadena

La función .indexOf() devuelve el índice de la primera posición donde se encuentra la subcadena buscada. Devuelve -1 en caso de que no se encuentre.

La sintaxis es la siguiente:

string.indexOf(searchValue[, fromIndex]) // fromIndex es opcional. Especifica desde que posición del string debe iniciar la búsqueda.

Algunos ejemplos prácticos:

'Mi nombre es muy bonito.'.indexOf('nombre'); // devuelve 3
'Mi nombre es muy bonito.'.indexOf('Nombre'); // devuelve -1 , sensible a mayúsculas
'Hola amigo, ¿como estas?'.indexOf('amigo', 15); //returns -1
'Mi nombre es Antonio'.indexOf(''); // devuelve 0 
'Mi nombre es Antonio'.indexOf('', 3); // devuelve 3
'Mi nombre es Antonio'.indexOf('', 259); returns 19 , que es string.length

Recursos básicos JS

PrototypeAñadir propiedades de forma dinámica a un objeto
toLocaleStringHerramienta esencial para el formateo de fechas y números en aplicaciones internacionales
Recursividad y pilaUso de recursividad y funcionamiento de la pila JS
DesestructuraciónMecanismo para desempaquetar arrays y objetos
Manejo de StringsManejo básico de Strings, cadenas de caracteres
OperadoresUso de operadores de comparación y lógicos
PromesasGestión de peticiones asíncronas con promesas
SleepImplementación de la función sleep() en JS
ThisUso de la palabra reservada this en diferentes contextos
MapsTe enseñamos cuando usar Map y cuando Object con ejemplos
Switchery JSLibrería para modificar el estilo de los checkbox
Mejores libros Javascript EspañolEncuentra los mejores libros para aprender JS y convertirte en el desarrollador más demandado.
Exception JSManejo de excepciones en Javascript, control de errores y flujo de programa.
Obfuscator JavascriptProtege tu código Javascript Ofuscándolo
Javascript desde ceroAprende los conceptos básicos de Javascript, ponte en marcha.
LodashLodash hace que la manipulación de datos en JavaScript sea más fácil y menos propensa a errores
Formatdate JSFormateo y trabajo con fechas en javascript de forma sencilla.
DayjsBiblioteca para la gestión de fechas
padStartManeja cadenas de texto con la función padStart()