Programación
14 oct 2022
¿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 diversas 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 diversos 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++) { result += miString.charAt(i) result += "-"}result += miString.charAt(miString.length - 1)document.write(result)
Allí vemos que en primera instancia se crean dos variables (una con la cadena a recorrer y otra vacía) guardando el resultado. Después hay un bucle que va desde el primer hasta el penúltimo carácter (con la propiedad length) que permite conocer el número de caracteres.
En cada iteración se coloca el carácter de la cadena seguido de un carácter separador. De modo que resta colocar el último carácter, se lo pone en la siguiente línea (a continuación del bucle).
Finalmente, con la función charAt se accede a las posiciones del string y se imprime el resultado en la página.
Veamos un segundo ejemplo de string.
En este caso, es un script que rompe la cadena en dos mitades iguales (esto requiere un número par, en caso contrario será aproximado) y las imprime por pantalla.
var miString = "0123456789"var mitad1,mitad2posicion_mitad = miString.length / 2mitad1 = miString.substring(0,posicion_mitad)mitad2 = miString.substring(posicion_mitad,miString.length)document.write(mitad1 + "<br>" + mitad2)
Las dos primeras líneas declaran las variables que se usarán. En la siguiente línea se encuentra la posición intermedia del string.
En las dos que siguen se realiza el trabajo: se coloca en una variable la primera mitad del string y la segunda en la otra. Para esto se apela al método substring, indicando como inicio y fin en el primer caso desde 0 hasta la mitad y en el segundo desde la mitad hasta el cierre.
Por último. imprimimos las dos mitades con un salto de línea.
Para acceder a más ejemplos, detalles de compatibilidad en JavaScript, métodos estáticos, de instancia y de contenedor HTML, una revisión publicada en el sitio web de la Fundación Mozilla es atinada para los interesados.
Luego de conseguir habilidad en el manejo de los objetos de la clase string es posible pasar a otras clases nativas de 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 diversas 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 diversos 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++) { result += miString.charAt(i) result += "-"}result += miString.charAt(miString.length - 1)document.write(result)
Allí vemos que en primera instancia se crean dos variables (una con la cadena a recorrer y otra vacía) guardando el resultado. Después hay un bucle que va desde el primer hasta el penúltimo carácter (con la propiedad length) que permite conocer el número de caracteres.
En cada iteración se coloca el carácter de la cadena seguido de un carácter separador. De modo que resta colocar el último carácter, se lo pone en la siguiente línea (a continuación del bucle).
Finalmente, con la función charAt se accede a las posiciones del string y se imprime el resultado en la página.
Veamos un segundo ejemplo de string.
En este caso, es un script que rompe la cadena en dos mitades iguales (esto requiere un número par, en caso contrario será aproximado) y las imprime por pantalla.
var miString = "0123456789"var mitad1,mitad2posicion_mitad = miString.length / 2mitad1 = miString.substring(0,posicion_mitad)mitad2 = miString.substring(posicion_mitad,miString.length)document.write(mitad1 + "<br>" + mitad2)
Las dos primeras líneas declaran las variables que se usarán. En la siguiente línea se encuentra la posición intermedia del string.
En las dos que siguen se realiza el trabajo: se coloca en una variable la primera mitad del string y la segunda en la otra. Para esto se apela al método substring, indicando como inicio y fin en el primer caso desde 0 hasta la mitad y en el segundo desde la mitad hasta el cierre.
Por último. imprimimos las dos mitades con un salto de línea.
Para acceder a más ejemplos, detalles de compatibilidad en JavaScript, métodos estáticos, de instancia y de contenedor HTML, una revisión publicada en el sitio web de la Fundación Mozilla es atinada para los interesados.
Luego de conseguir habilidad en el manejo de los objetos de la clase string es posible pasar a otras clases nativas de JavaScript.