Cómo leer JSON desde JavaScript

JavaScript es un lenguaje de programación muy útil para trabajar con JSON (JavaScript Object Notation). JSON es un formato de intercambio de datos muy popular que se utiliza para transmitir datos entre servidores y aplicaciones web. En esta publicación, te mostraremos cómo leer JSON desde JavaScript utilizando algunas técnicas sencillas.

 
Primero, veamos cómo se ve el formato JSON. Un objeto JSON se define como una colección de pares clave-valor, delimitados por llaves. Por ejemplo, un objeto JSON que representa un usuario podría tener la siguiente estructura:

{
  "nombre": "Juan",
  "apellido": "Pérez",
  "edad": 25,
  "email": "juan.perez@example.com"
}

Para leer un objeto JSON en JavaScript, podemos utilizar el método JSON.parse(). Este método convierte una cadena JSON en un objeto JavaScript. Aquí te mostramos un ejemplo:

const usuarioJSON = '{ "nombre": "Juan", "apellido": "Pérez", "edad": 25, "email": "juan.perez@example.com" }';
const usuarioObj = JSON.parse(usuarioJSON);
console.log(usuarioObj.nombre); // Imprime "Juan"
console.log(usuarioObj.apellido); // Imprime "Pérez"
console.log(usuarioObj.edad); // Imprime 25
console.log(usuarioObj.email); // Imprime "juan.perez@example.com"

En este ejemplo, primero definimos una cadena de texto que representa un objeto JSON llamado usuarioJSON. Luego, utilizamos el método JSON.parse() para convertir la cadena JSON en un objeto JavaScript llamado usuarioObj. Finalmente, podemos acceder a las propiedades del objeto utilizando la notación de punto.
También es posible leer JSON desde un archivo externo utilizando el método fetch() en JavaScript. Por ejemplo, si tenemos un archivo JSON llamado datos.json, podemos leerlo de la siguiente manera:

fetch('datos.json')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

En este ejemplo, utilizamos el método fetch() para obtener el archivo datos.json. Luego, utilizamos el método response.json() para convertir los datos obtenidos en un objeto JavaScript. Finalmente, imprimimos los datos obtenidos en la consola.
En resumen, JavaScript proporciona varias formas de leer JSON, ya sea desde una cadena de texto o desde un archivo externo. Utilizando estas técnicas, puedes trabajar con datos JSON de manera fácil y efectiva en tus proyectos web.