Convertir JSON en objeto en JavaScript

  2. HowTo
  3. JavaScript Howtos
  4. Convertir JSON en objeto en JavaScript
Siddharth Swami 18 octubre 2021
JavaScript JavaScript JSON JSON Object
Convertir JSON en objeto en JavaScript

JSON es un lenguaje ligero y basado en texto para almacenar y transferir datos. JSON representa dos tipos estructurados que son objetos y matrices. Se basa en objetos JavaScript y significa notación de objetos JavaScript. JSON se utiliza principalmente en el intercambio de datos hacia / desde la web.

Este tutorial demuestra cómo convertir de forma segura una cadena JSON en un objeto.

Los datos se reciben del servidor en forma de cadena, ya sea valor numérico o fecha. Por tanto, debemos convertir los datos en un objeto para ejecutar el archivo. Tenemos una función conocida como JSON.parse() en JavaScript que se utiliza para analizar los datos que se convierten en un objeto JavaScript. La función analiza el texto completo proporcionado por el servidor y luego lo cambia a un objeto.

El siguiente código demuestra el uso de la función JSON.parse().

<!DOCTYPE html>
<html>
<body>
<p id="example"></p>

<script>
const text = '{"name":"ram", "age":22, "city":"New Delhi"}'
const object = JSON.parse(text);
document.getElementById("example").innerHTML = object.name + ", " + object.age;
</script>

</body>
</html>

Producción :

ram, 22

En el ejemplo anterior, tenemos un texto JSON que consta de un nombre y la ciudad donde vive una persona, que luego se analiza creando un objeto para él. Luego, usando la función getElementById(), podemos obtener los valores requeridos.

Otra forma de utilizar JSON.parse() es utilizando la función let() en JavaScript. Aquí podemos analizar directamente el texto sin primero asignarlo a una variable y luego analizarlo.

Consulte el siguiente código.

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
let json_Object = JSON.parse('{"name":"ram", "age":22, "city":"New Delhi"}');
document.getElementById("example").innerHTML = json_Object.name + ", " + json_Object.age;

</script>
</body>
</html>

Producción :

ram, 22

En JSON, los objetos de fecha no están permitidos. Entonces tenemos que escribirlo como una cadena en JSON y luego convertirlo nuevamente en un objeto de fecha usando la función Date().

Por ejemplo,

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
const text1 = '{"name":"ram", "birth":"2000-03-05", "city":"New Delhi"}';
const object = JSON.parse(text1);
object.birth = new Date(object.birth);
document.getElementById("example").innerHTML = object.birth; 
</script>

</body>
</html>

Producción :

Sun Mar 05 2000 05:30:00 GMT+0530(India Standard Time)

Artículo relacionado - JavaScript JSON

Artículo relacionado - JSON Object