Método parse de JavaScript

Contenido del Bootcamp Dirigido por: | Última modificación: 8 de abril de 2024 | Tiempo de Lectura: 3 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

JavaScript es un lenguaje de programación muy poderoso que tiene una sintaxis amplia con múltiples objetos y funciones nativas. En este post, te enseñaremos qué es y cómo funciona el método parse de JavaScript, fundamental cuando trabajamos con el objeto JSON.

¿Qué es el método parse de JavaScript?

El método parse de JavaScript es una función perteneciente al objeto JSON de este lenguaje de programación. Por esto, se le conoce como un método. Como puedes leer en el post sobre JSON en la página oficial de Mozilla Developer Network, el objeto JSON contiene varios métodos que nos permiten interactuar y modificar este formato.

El formato de texto JSON, que se refiere a JavaScript Object Notation, se concentra en el intercambio de datos de manera liviana. Es decir, permite el intercambio de datos entre humanos y máquina de un modo que ambos puedan entender. Como su nombre indica, este formato se basa en el lenguaje de programación JavaScript. Sin embargo, sus convenciones también se relacionan con otros lenguajes, como C++ y Python. Para conocer más sobre este formato, te invitamos a leer nuestro post sobre qué es un archivo JSON.

Aclaración sobre parsear

Puede que en algún tutorial de JavaScript hayas escuchado el verbo parsear. Aunque es popular en la comunidad de programación, este verbo confunde muchísimo. En realidad, el verbo parsear no se refiere al uso del método parse en JavaScript, sino que normalmente se refiere a cualquier transformación de un dato. En este orden de ideas, la siguiente petición HTTP hecha con Fetch podría ser un ejemplo de parsear para algunos, pues transforma los datos recibidos por la promesa fetch:

fetch (‘https://jsonplaceholder.typicode.com/todos’)

.then (response => response.json ( ))

.then (data => console.log (data));

Si quieres conocer más sobre el proceso que ejecutan las líneas de código anteriores, te invitamos a leer nuestro post sobre peticiones HTTP con Fetch.

Como puedes ver, la promesa anterior transforma el dato de respuesta a un .json y luego transforma los datos de esta nueva promesa con un comando console.log, que los pinta en pantalla. A esto, muchos lo conocen como parsear. Otro ejemplo de parsear sería transformar un valor numérico a un string. Sin embargo, este uso de la palabra confunde, pues no tiene nada que ver con el método del que hablamos. Además, otros desarrolladores hablan del parseo en el contexto de la transformación de un programa a un formato que la máquina pueda leer. Por esto, es un verbo que lleva fácilmente a la confusión.

Ahora que sabemos qué es el método parse de JavaScript, vemos cómo funciona.

¿Cómo funciona el método parse de JavaScript?

El método parse de JavaScript funciona a partir del comando JSON.parse. Este método, como todos, recibe un tipo de objeto determinado en sus paréntesis. El parámetro que recibe el método parse de JavaScript es un string, es decir, una cadena de caracteres.

JSON.parse (‘string’)

Al recibir este string, el método parse se encargará de transformarlo en un objeto. Esto nos permite transformar una cadena de caracteres en un objeto y acceder a sus propiedades. A continuación, te ponemos un ejemplo. Supongamos que tenemos el siguiente string, llamado string.

const string = ‘{«color»:true, «count»:11}’;

Ahora, queremos aplicarle el método parse en JavaScript a esta constante. Este proceso lo podemos guardar en una nueva constante llamada stringParsed:

const stringParsed = JSON.parse(string);

Entonces, lo que podremos hacer ahora que hemos ejecutado el método es tomar las variables color y count como propiedades de un objeto en vez de solo caracteres en un string. Esto nos permitirá acceder a ellas con el comando objeto.propiedad. A continuación, te mostramos cómo:

console.log(stringParsed.count);
> 11

console.log(stringParsed.color);

> true

El complementario del método parse en JavaScript es el método JSON.stringify, que recibe como parámetro un objeto:

JSON.stringify ({ })

Al ser el opuesto de parse, ya te imaginarás qué es lo que nos permite hacer: transformar el objeto que recibe a formato string. Para conocer más sobre este método, te invitamos a leer el artículo JSON.stringify ( ) en la MDN.

¿Quieres seguir aprendiendo?

Ahora que sabes qué es y cómo funciona el método parse de JavaScript, seguro que quieres seguir aprendiendo sobre las posibilidades que nos ofrece este lenguaje de programación. Por ello, te recomendamos nuestro Desarrollo Web Full Stack Bootcamp, un espacio de formación intensiva donde aprenderás a dominar, entre muchas cosas, lenguajes de programación como JavaScript, HTML, CSS y JSX. ¿Quieres seguir aprendiendo con nosotros? ¡Inscríbete ya!

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

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