¿Qué son y cómo funcionan los strings en JavaScript?


Lo que debes saber sobre las cadenas en este lenguaje de programación, con ejemplos prácticos.


¿Qué es un string en JavaScript?


Un string en JavaScript es un tipo de dato primitivo, que está destinado a ser simple aunque permite crear estructuras potentes y dinámicas. En español, se conoce como “cadena”.


Uno de los tipos de datos con los que habitualmente trabajan los desarrolladores de software son los “string values”, tal como se los denomina en inglés. Esas cadenas tienen características y funciones que varían de acuerdo a cada lenguaje de programación.


JavaScript se orienta a los objetos, aunque los strings son una excepción. Al respecto, es clave comprender que el objeto “string” se usa para representar y manipular una secuencia de caracteres.En otras palabras: las cadenas sirven para almacenar datos que pueden representarse en forma de texto.


Volvamos a JavaScript. En este lenguaje, las variables de tipo texto son objetos de la clase string. Ten en cuenta lo siguiente.


Las variables de texto que se crean tienen propiedades y métodos.  


Las propiedades son las características (por ejemplo, la longitud en caracteres).


Los métodos son funciones (por ejemplo, colocar el texto en mayúsculas o reemplazar texto).





¿Cómo declarar una cadena o string en JavaScript?


Para declarar un string en JavaScript hay que asignar un texto (que se indica entre comillas) a una variable.


También es posible crear un objeto string con el operador new, considerando que esto funciona en versiones posteriores a JavaScript 1.0.


Las comillas indican que un valor de datos es una cadena.


A continuación, revisaremos las propiedades y los métodos de string.


Propiedades en string


Hay una única propiedad en la clase string: length, que se emplea para guardar el número de caracteres de la cadena.


Métodos de string


Existen múltiples métodos de string que permiten realizar persas tareas. Veamos algunos de los más destacados.


toString(): Método compartido por todos los objetos; los convierte en cadenas.charAt(indice): Repone el carácter que hay en la posición señalada como índice. En un string, las posiciones empiezan en 0.indexOf(carácter,desde): En un string, devuelve la posición de la primera vez que aparece el carácter indicado por parámetro. En caso de no encontrar el carácter en el string, devuelve -1. El segundo parámetro es optativo: indica a partir de qué posición comienza la búsqueda.lastIndexOf(carácter,desde): Se usa para buscar la posición de un carácter igual a como lo hace la función indexOf, aunque desde el final. El segundo parámetro señala el número de caracteres desde donde se hace la búsqueda.replace(substring_a_buscar,nuevoStr): Reemplaza porciones del texto de una cadena por otro texto. Es preciso considerar que no reemplaza en el string, sino que devuelve un resultante de hacer ese reemplazo. Este método fue implementado en Javascript 1.2.toLowerCase(): Coloca en el texto un string en minúsculas.toUpperCase(): En este caso, los lleva a mayúsculas.split(separador): Permite crear un vector a partir de un string en el que cada elemento es la parte que está apartada por el separador indicado por parámetro. Sólo es compatible con JavaScript 1.1 y versiones posteriores.substring(inicio,fin): Devuelve el substring que comienza en el carácter de inicio y cierra en el carácter de fin. Arroja el substring que hay entre el carácter menor y el mayor.


Los métodos string que siguen se emplean para aplicar estilos, de modo similar a lo que ocurre con las etiquetas HTML.


anchor(name): Convierte una cadena de caracteres en un ancla (sitio al que se dirige un enlace).big(): Agranda el tamaño de letra del string.bold(): Análogo a la etiqueta <B>.fixed(): Para usar una fuente monoespaciada, etiqueta <TT>.fontColor(color): Determina el color de la fuente.fontSize(tamaño): Coloca la fuente al tamaño indicado. Es como usar la etiqueta <FONT> con el atributo size.italics(): Para colocar la fuente en cursiva. Análogo a la etiqueta <I>.link(url): Pone el texto como un enlace a una URL. Análogo a la etiqueta <A> con el atributo href indicado como parámetro.small(): Análogo a la etiqueta <SMALL>strike(): Es como usar la etiqueta <STRIKE>; el texto aparece tachado.sub(): Análogo a la etiqueta <SUB>, de subíndice.sup(): Es como si usar la etiqueta <SUP>, de superíndice.


Ejemplos de string


Para pensar en ejemplos de strings es preciso notar que las cadenas se usan frecuentemente para el registro de datos de entrada del usuario o, por caso, para mostrar información en función de ciertas condiciones.


Un caso práctico es cuando se muestra un mensaje al usuario luego de iniciar sesión en un programa.   


Al desarrollar software, convertir datos en cadenas es conveniente por persos factores, por ejemplo para:


Mostrar valores.


Ayuda a la validación.


También a las comprobaciones de seguridad.


¿Cómo funcionan los objetos de clase string? Veamos algunos ejemplos prácticos que comparte el sitio DesarolloWeb.com.


En este caso, se escribió el contenido de un string con un carácter separador ("-") entre cada uno de los caracteres de la cadena.


var miString = "Hola Amigos"var result = ""for (i=0;i<miString.length-1;i++) {