Método JavaScript JSON parse()

A continuación se muestra el ejemplo del método JSON parse() .

  • Ejemplo:

    <script>
            var obj = JSON.parse('{"var1":"Geeks", 
                                   "var2":"forGeeks!"}');
              
            document.write(obj.var1 + "" + obj.var2);
    </script>                    
  • Producción:
    GeeksforGeeks!

El método JSON.parse() en JavaScript se usa para analizar una string JSON que está escrita en formato JSON y devolver 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 obligatorio y contiene una string escrita en formato JSON.
  • función: es un parámetro opcional y se utiliza para transformar el resultado. La función llamada para cada elemento.

Más códigos de ejemplo para el método anterior son los siguientes:

Ejemplo 1: este ejemplo analiza una string y devuelve el objeto JavaScript.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript JSON parse() Method
    </title>
</head>
  
<body>
      
    <h1>GeeksforGeeks</h1>
      
    <h2>
        JavaScript JSON parse() Method
    </h2>
      
    <p id="GFG"></p>
      
    <!-- Script to parse a string and return
        JavaScript object -->
    <script>
        var obj = JSON.parse('{"var1":"Hello", 
                               "var2":"Geeks!"}');
          
        document.getElementById("GFG").innerHTML
                = obj.var1 + " " + obj.var2;
    </script>
</body>
  
</html>                    

Producción:

Ejemplo 2: este ejemplo utiliza la función reviver para analizar una string y devolver el objeto JavaScript.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript JSON parse() Method
    </title>
</head>
  
<body>
      
    <h1>GeeksforGeeks</h1>
      
    <h2>
        JavaScript JSON parse() Method
    </h2>
      
    <p id="GFG"></p>
      
    <!-- Script to parse a string and return
        JavaScript object -->
    <script>
        var text = '{ "var1":"Amanda", "gender":"male"}';
          
        var obj = JSON.parse(text, function (key, value) {
            if (value == "male") {
                return ("female");
            } else {
                return value;
            }
        });
        document.getElementById("GFG").innerHTML
                = obj.var1 + ", " + obj.gender; 
    </script>
</body>
  
</html>                    

Producción:

Navegadores compatibles:

  • cromo 4.0
  • Firefox 3.5
  • Ópera 11.0
  • Internet Explorer 8.0
  • Safari 4.0

Publicación traducida automáticamente

Artículo escrito por AkshayGulati 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 *