¿Cómo transformar texto JSON en un objeto JavaScript?

JSON (Notación de objetos de JavaScript) es un formato ligero de intercambio de datos. Como sugiere su nombre, JSON se deriva del lenguaje de programación JavaScript, pero está disponible para su uso en muchos lenguajes, incluidos Python, Ruby, PHP y Java, y por lo tanto, se puede decir que es independiente del lenguaje. Para los humanos, es fácil de leer y escribir y para las máquinas, es fácil de analizar y generar. Es muy útil para almacenar e intercambiar datos.

Un objeto JSON es un formato de datos de clave-valor que normalmente se representa entre llaves. El objeto JSON consta de llaves ( { } ) en cada extremo y tiene pares clave-valor dentro de las llaves. Cada par clave-valor dentro de llaves está separado por una coma (,). El objeto JSON se parece a esto:

{
   "key":"value",
   "key":"value",
   "key":"value",
}

Ejemplo para un objeto JSON:

{
   "rollno":101",
   "name":"Nikita",
   "age":21,
}

Conversión de texto JSON a objeto Javascript: el texto/objeto JSON se puede convertir en objeto Javascript utilizando la función JSON.parse().

El método JSON.parse() en JavaScript se usa para analizar una string JSON que está escrita en formato JSON y devuelve un objeto JavaScript.

Sintaxis:

JSON.parse(string, function)

Parámetros : este método acepta dos parámetros, como se mencionó anteriormente y se describe a continuación.

  • string : Es un parámetro requerido y contiene una string que está escrita en formato JSON.
  • función : Es un parámetro opcional y se utiliza para transformar resultados. La función llamada para cada elemento.

Ejemplo:

HTML

<script>
    var obj = JSON.parse('{"rollno":101, 
        "name": "Nikita", "age": 21}');
    document.write("Roll no is " + obj.rollno + "<br>");
    document.write("Name is " + obj.name + "<br>");
    document.write("Age is " + obj.age + "<br>");
</script>

Producción:

Roll no is 101
Name is Nikita
Age is 21

Ejemplo 2:

HTML

<html>
  
<body>
    <h2>JavaScript JSON parse() Method</h2>
    <p id="Geek"></p>
  
</body>
<script>
    var obj = JSON.parse('{"var1":"Hello","var2":"Geeks!"}');
    document.getElementById("Geek").innerHTML
        = obj.var1 + " " + obj.var2;
</script>
  
</html>

Producción:

Referencias:

Publicación traducida automáticamente

Artículo escrito por akshitsaxenaa09 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *