
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
Prototype | Añadir propiedades de forma dinámica a un objeto |
toLocaleString | Herramienta esencial para el formateo de fechas y números en aplicaciones internacionales |
Recursividad y pila | Uso de recursividad y funcionamiento de la pila JS |
Desestructuración | Mecanismo para desempaquetar arrays y objetos |
Manejo de Strings | Manejo básico de Strings, cadenas de caracteres |
Operadores | Uso de operadores de comparación y lógicos |
Promesas | Gestión de peticiones asíncronas con promesas |
Sleep | Implementación de la función sleep() en JS |
This | Uso de la palabra reservada this en diferentes contextos |
Maps | Te enseñamos cuando usar Map y cuando Object con ejemplos |
Switchery JS | Librería para modificar el estilo de los checkbox |
Mejores libros Javascript Español | Encuentra los mejores libros para aprender JS y convertirte en el desarrollador más demandado. |
Exception JS | Manejo de excepciones en Javascript, control de errores y flujo de programa. |
Obfuscator Javascript | Protege tu código Javascript Ofuscándolo |
Javascript desde cero | Aprende los conceptos básicos de Javascript, ponte en marcha. |
Lodash | Lodash hace que la manipulación de datos en JavaScript sea más fácil y menos propensa a errores |
Formatdate JS | Formateo y trabajo con fechas en javascript de forma sencilla. |
Dayjs | Biblioteca para la gestión de fechas |
padStart | Maneja cadenas de texto con la función padStart() |