javascript - parse - Convertir de forma segura una cadena JSON en un objeto.

string to json javascript

Question

Dada una cadena de datos JSON, ¿cómo puede convertir esa cadena en un objeto JavaScript de forma segura?

Obviamente, puedes hacer esto de forma insegura con algo como ...

var obj = eval("(" + json + '')'');

... pero eso nos deja vulnerables a la cadena json que contiene otro código, que parece muy peligroso simplemente evaluar.

Answer 1

Resumen:

Javascript (tanto el navegador como NodeJS) tiene un objeto JSON integrado. En este objeto hay 2 métodos convenientes para tratar con JSON . Son los siguientes:

1. JSON.parse() Toma JSON como argumento, devuelve el objeto JS
2. JSON.stringify() Toma el objeto JS como argumento devuelve el objeto JSON

Otras aplicaciones:

Además, para tratar muy convenientemente con JSON , se pueden utilizar para otros medios. La combinación de ambos métodos JSON nos permite hacer clones profundos de matrices u objetos muy fácilmente. Por ejemplo:

let arr1 = [1, 2, [3 ,4]];
let newArr = arr1.slice();

arr1[2][0] = ''changed''; 
console.log(newArr); // not a deep clone

let arr2 = [1, 2, [3 ,4]];
let newArrDeepclone = JSON.parse(JSON.stringify(arr2));

arr2[2][0] = ''changed''; 
console.log(newArrDeepclone); // A deep clone, values unchanged

Answer 2

Analice la cadena json con JSON.parse (), y los datos se convierten en un objeto JavaScript.

JSON.parse(jsonString)

Aquí, JSON representa procesar el conjunto de datos json.

Ejemplo, imagina que recibimos este texto de un servidor web:

''{ "name":"John", "age":30, "city":"New York"}''

Para analizar en el objeto json:

var obj = JSON.parse(''{ "name":"John", "age":30, "city":"New York"}''); 

Aquí obj es el objeto JSON respectivo que se parece a lo siguiente.

{ "name":"John", "age":30, "city":"New York"}

Para recuperar el valor utilizado. operador Ejemplo:

obj.name // John
obj.age //30

Para transferir lo opuesto, convierta un objeto JavaScript en una cadena con JSON.stringify ().

Answer 3

Convertir el objeto a JSON y luego analizarlo, funciona para mí, como:

JSON.parse(JSON.stringify(object))

Answer 4

El análisis de JSON siempre es dolor en el culo. Si la entrada no es la esperada, se produce un error y se bloquea lo que está haciendo. Puede utilizar la siguiente pequeña función para analizar de forma segura su entrada. Siempre gira un objeto incluso si la entrada no es válida o ya es un objeto que es mejor para la mayoría de los casos.

JSON.safeParse = function (input, def) {
  // Convert null to empty object
  if (!input) {
    return def || {};
  } else if (Object.prototype.toString.call(input) === ''[object Object]'') {
    return input;
  }
  try {
    return JSON.parse(input);
  } catch (e) {
    return def || {};
  }
};

Answer 5

El método jQuery ahora está en desuso. Utilice este método en su lugar:

let jsonObject = JSON.parse(jsonString);

Respuesta original utilizando la funcionalidad jQuery obsoleta :

Si estás usando jQuery solo usa:

jQuery.parseJSON( jsonString );

Es exactamente lo que está buscando (consulte la documentation jQuery).

Answer 6

Encontré una manera "mejor":

En CoffeeScript:

try data = JSON.parse(jqxhr.responseText)
data ||= { message: ''Server error, please retry'' }

En Javascript:

var data;

try {
  data = JSON.parse(jqxhr.responseText);
} catch (_error) {}

data || (data = {
  message: ''Server error, please retry''
});

Answer 7

Este parece ser el problema:

Se recibe una entrada, a través de ajax websocket, etc., y siempre estará en formato String, pero debe saber si es JSON.parsable. Es posible que, si siempre lo ejecuta a través de un JSON.parse, el programa PUEDE continuar "con éxito", pero seguirá viendo un error en la consola con el temido "Error: token inesperado ''x''".

var data;

try {
  data = JSON.parse(jqxhr.responseText);
} catch (_error) {}

data || (data = {
  message: ''Server error, please retry''
});

Answer 8

He estado usando con éxito json_sans_eval por un tiempo ahora. Según su autor, es más seguro que json2.js.

Answer 9

Intenta esto. Este está escrito en mecanografiado.

         export function safeJsonParse(str: string) {
               try {
                 return JSON.parse(str);
                   } catch (e) {
                 return str;
                 }
           }

Answer 10

JSON.parse () convierte cualquier cadena JSON pasada a la función, en un objeto JSON.

Para una mejor comprensión, presione F12 para abrir Inspeccionar elemento de su navegador y vaya a la consola para escribir los siguientes comandos:

var response = ''{"result":true,"count":1}''; //sample json object(string form)
JSON.parse(response); //converts passed string to JSON Object.

Ahora ejecute el comando: -

console.log(JSON.parse(response));

obtendrás una salida como Objeto {resultado: verdadero, cuenta: 1}.

Para usar ese Objeto, puede asignarlo a la variable digamos obj: -

var obj = JSON.parse(response);

Ahora, utilizando el operador obj y punto (.), Puede acceder a las propiedades del objeto JSON.

Intenta ejecutar el comando

console.log(obj.result);

Answer 11

La forma más fácil de usar el método parse() :

var response = ''{"result":true,"count":1}'';
var JsonObject= JSON.parse(response);

luego puedes obtener los valores de los elementos Json , por ejemplo:

var myResponseResult = JsonObject.result;
var myResponseCount = JsonObject.count;

Usando jQuery como se describe en la documentation :

JSON.parse(jsonString);

Answer 12

No estoy seguro de otras formas de hacerlo, pero así es como lo hace en Prototype (tutorial JSON) .

new Ajax.Request(''/some_url'', {
  method:''get'',
  requestHeaders: {Accept: ''application/json''},
  onSuccess: function(transport){
    var json = transport.responseText.evalJSON(true);
  }
});

Llamar a evalJSON () con verdadero como el argumento desinfecta la cadena entrante.

Answer 13

Si está utilizando jQuery , también puede hacer $.getJSON(url, function(data) { });

Entonces puedes hacer cosas como data.key1.something , data.key1.something_else , etc.

Answer 14

Si su JavaScript está en Mootools el JSON.parse será anónimo por el Marco.
Una syntax válida para convertir con seguridad una cadena JSON en un objeto será:

var object = JSON.decode(string[, secure]);

Además, una JSON Request puede generar un objeto que pueda analizar directamente.
Puedes ver cómo convierte un dato sin formato json aquí:

http://jsfiddle.net/chetabahana/qbx9b5pm/

Answer 15

Solo por diversión, esta es la forma en que se usa la función:

 jsonObject = (new Function(''return '' + jsonFormatData))()

Answer 16

También puedes usar la función de reviver para filtrar.

var data = JSON.parse(jsonString, function reviver(key, value) {
   //your code here to filter
});

para más información lea JSON.parse(jsonString)

Answer 17

Trate de usar el método con este objeto de datos. ej .: Data=''{result:true,count:1} ''

try {
  eval(''var obj='' + Data);
  console.log(obj.count);
}
catch(e) {
  console.log(e.message);
}

Este método realmente ayuda en Nodejs cuando trabaja con programación de puerto serie

Answer 18

Una pregunta más antigua, lo sé, sin embargo, nadie se da cuenta de esta solución al usar la new Function() , una función anónima que devuelve los datos.

Solo un ejemplo:

 var oData = ''test1:"This is my object",test2:"This is my object"'';

 if( typeof oData !== ''object'' )
  try {
   oData = (new Function(''return {''+oData+''};''))();
  }
  catch(e) { oData=false; }

 if( typeof oData !== ''object'' )
  { alert( ''Error in code'' ); }
 else {
        alert( oData.test1 );
        alert( oData.test2 );
      }

Esto es un poco más seguro porque se ejecuta dentro de una función y no se compila en su código directamente. Entonces, si hay una declaración de función dentro de ella, no se vinculará al objeto de ventana predeterminado.

Utilizo esto para "compilar" los ajustes de configuración de los elementos DOM (por ejemplo, el atributo de datos) simple y rápido.

Answer 19

Usar JSON.parse es probablemente la mejor manera. Aquí hay un ejemplo de demostración en vivo.

var jsonRes = ''{ "students" : ['' +
          ''{ "firstName":"Michel" , "lastName":"John" ,"age":18},'' +
          ''{ "firstName":"Richard" , "lastName":"Joe","age":20 },'' +
          ''{ "firstName":"James" , "lastName":"Henry","age":15 } ]}'';
var studentObject = JSON.parse(jsonRes);

Answer 20

Use el código simple representado en el siguiente enlace en MSDN .

var jsontext = ''{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}'';
var contact = JSON.parse(jsontext);

y revertir

var str = JSON.stringify(arr);

Answer 21

JSON.parse(jsonString) es un enfoque de JavaScript puro siempre que pueda garantizar un navegador razonablemente moderno.

Answer 22

Documentado oficialmente :

El método JSON.parse() analiza una cadena JSON, construyendo el valor u objeto de JavaScript descrito por la cadena. Se puede proporcionar una función reviver opcional para realizar una transformación en el objeto resultante antes de que se devuelva.

Sintaxis

JSON.parse(text[, reviver])

Parámetros

texto

La cadena para analizar como JSON. Consulte el objeto JSON para obtener una descripción de la sintaxis JSON.

reviviente (opcional)

Si es una función, esto prescribe cómo se transforma el valor originalmente producido por el análisis, antes de ser devuelto.

Valor de retorno

El objeto correspondiente al texto JSON dado.

Excepciones

Lanza una excepción SyntaxError si la cadena a analizar no es JSON válida.

Answer 23

Edición: esta respuesta es para IE <7, para los navegadores modernos, verifique la respuesta de Jonathan de arriba.

Edición: esta respuesta está desactualizada y la respuesta de Jonathan de arriba ( JSON.parse(jsonString) ) es ahora la mejor respuesta .

JSON.org tiene analizadores JSON para muchos idiomas, incluyendo 4 diferentes para Javascript. Creo que la mayoría de la gente consideraría json2.js su implementación goto.

Answer 24

$.ajax({
  url: url,
  dataType: ''json'',
  data: data,
  success: callback
});

A la devolución de llamada se le pasan los datos devueltos, que serán un objeto o una matriz de JavaScript según lo define la estructura JSON y se analizará utilizando el $.parseJSON() .

Answer 25

JSON.parse(jsonString);

json.parse cambiará a objeto.