Transformar un string en un objeto en JavaScript

Autor: | Última modificación: 13 de diciembre de 2023 | Tiempo de Lectura: 3 minutos
Temas en este post:

Algunos de nuestros reconocimientos:

Premios KeepCoding

¿Sabes cómo transformar un string en un objeto en JavaScript? En JavaScript, al igual que en cualquier otro lenguaje de programación, hay muchos elementos, cada uno con sus características y comportamientos únicos. Aunque los elementos de programación nos dan muchas formas de ejecutar misma acción, reconocer los límites de nuestros elementos también es importante.

Por ello, hay momentos en los que deberemos cambiar el tipo de elemento con el que ejecutamos una sección. En este post, te enseñaremos cómo transformar un string en un objeto en JavaScript para poder acceder a las propiedades descritas en un texto.

Transformar un string a un objeto en JavaScript

String vs. objeto en JavaScript

Antes de explicarte cómo transformar un string en un objeto en JavaScript, debemos reconocer las diferencias entre estos dos elementos. Un string es una cadena de caracteres que utilizamos en JavaScript para pintar textos en pantalla. Normalmente, se introducen con los símbolos de comillas, sean dobles o singulares. Dentro de un string, podemos llamar al valor de una variable utilizando los símbolos ${nombreDeVariable}.

Por su parte, un objeto en JavaScript es un elemento que contiene propiedades y métodos, ya sea de manera explícita, como con los objetos literales, u ocultos, como con los objetos globales. Aunque un objeto, al igual que un string, está compuesto por texto, su comportamiento es diferente. Un string es superficial; su texto, a menos de que llame a una variable, no accede a nada más. Por ello, es simplemente una cadena de caracteres. Por su parte, un objeto tiene propiedades a las que podemos acceder en otras partes de nuestro código con el comando objeto.propiedad u objeto.método.

Entonces, si son tan diferentes, ¿cuándo necesitaremos transformar un string a un objeto en JavaScript? Esta estrategia se usa sobre todo cuando accedemos a objetos externos a nuestro proyecto. Como puedes leer en nuestros posts sobre la librería request o la librería axios para JavaScript, en este lenguaje de programación puedes hacer llamadas a enlaces HTTP para utilizar su contenido. Entonces, este contenido se ve como un texto con corchetes y puntos dobles, pero no sabes si son solo caracteres o es un objeto. En el momento de la ejecución, poco importa. Sin embargo, si quieres acceder a alguna de las propiedades de este texto, debes asegurarte de que sea un objeto.

Para reconocer si el contenido al que has accedido está siendo procesado como un string o un objeto, deberás hacer algo más que ejecutarlo en la terminal. La forma más sencilla de definir este elemento es intentar acceder a una de las propiedades que pinta su texto.

Entonces, supongamos que hemos insertado un texto que pintamos en pantalla usando la llamada a body. Para poder definir si body es un string o un objeto, basta con intentar acceder a alguna de sus líneas de código. Entonces, si pintamos console.log (body.clubs) veremos una de dos opciones: el programa nos pinta el valor de la variable clubs, lo cual nos asegura que es un objeto, o nos pinta undefined. Si vemos el objeto undefined es porque no existe un valor para la variable clubs o, incluso, no existe la variable clubs. Esto quiere decir que el texto de la terminal es un string.

¿Cómo transformar un string en un objeto en JavaScript?

Para transformar un string en un objeto en JavaScript debemos utilizar el comando JSON.parse. Este comando está accediendo al método parse del objeto global JSON de JavaScript.

Convertir string a JSON

Al igual que el objeto global Math, al cual podemos acceder para manipular números en JavaScript, existe un objeto o librería JSON. Esta librería tiene dos métodos: parse y stringify.

  • El método parse nos ayuda a transformar un string en un objeto en JavaScript.
  • Por su parte, el método stringify nos permite transformar un objeto en un string.

Entonces, bastaría con escribir la siguiente línea de código cuando queramos pintar un contenido para asegurarnos de que pasa a ser un objeto:

console.log (JSON.parse (body.clubs))

También puedes guardar esta transformación en una variable, como puedes ver a continuación:

let parsedBody = JSON.parse(body)

Más sobre cómo convertir string en objeto en JavaScript

Al leer este post, no solo has aprendiendo a transformar un string en un objeto en JavaScript, sino que también has dado un paso más en tu camino hacia dominar este lenguaje de programación. Ahora, el siguiente paso es dedicarte por completo a tu aprendizaje.

Por ello, te invitamos a formar parte de nuestro Desarrollo Web Full Stack Bootcamp, con el que aprenderás a dominar muchos lenguajes de programación y te convertirás en un experto del desarrollo web en tan solo unos meses. ¿A qué esperas para dar el siguiente paso y cumplir tus sueños? ¡Matricúlate ahora y triunfa en el sector IT!

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado