Converti stringa di oggetti in JSON

Come posso convertire una stringa che descrive un oggetto in una stringa JSON usando JavaScript (o jQuery)?

ad es .: Converti questo ( NON una stringa JSON valida):

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }"

in questo:

str = '{ "hello": "world", "places": ["Africa", "America", "Asia", "Australia"] }'

Mi piacerebbe evitare di usare eval()se possibile.

Se la stringa è da una fonte attendibile , è possibile utilizzare evalquindi JSON.stringifyil risultato. Come questo:

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
var json = JSON.stringify(eval("(" + str + ")"));

Nota che quando sei evalun oggetto letterale, deve essere racchiuso tra parentesi, altrimenti le parentesi graffe vengono analizzate come un blocco anziché un oggetto.

Concordo anche con i commenti sotto la domanda che sarebbe molto meglio codificare l'oggetto in JSON valido per cominciare ed evitare di dover analizzare, codificare, quindi presumibilmente analizzarlo di nuovo . HTML supporta gli attributi a virgoletta singola (assicurati di codificare in HTML tutte le virgolette singole all'interno delle stringhe).

La tua stringa non è JSON valida, quindi JSON.parse(o jQuery $.parseJSON) non funzionerà.

Un modo potrebbe essere quello evaldi "analizzare" il JSON "non valido", e quindi stringifydi "convertirlo" in JSON valido.

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }"
str = JSON.stringify(eval('('+str+')'));

Suggerisco invece di provare a "correggere" il tuo JSON non valido, in primo luogo inizi con JSON valido. Come viene strgenerato, dovrebbe essere corretto lì, prima che venga generato, non dopo.

EDIT : Hai detto (nei commenti) che questa stringa è memorizzata in un attributo di dati:

<div data-object="{hello:'world'}"></div>

Ti suggerisco di risolverlo qui, quindi può essere solo JSON.parsed. Innanzitutto, sia le chiavi che i valori devono essere racchiusi tra virgolette doppie. Dovrebbe apparire (gli attributi con virgolette singole in HTML sono validi):

<div data-object='{"hello":"world"}'></div>

Ora puoi semplicemente usare JSON.parse(o jQuery $.parseJSON).

var str = '{"hello":"world"}';
var obj = JSON.parse(str);

jQuery.parseJSON

str = jQuery.parseJSON(str)

Modificare. Questo a condizione che tu abbia una stringa JSON valida

Usa un semplice codice nel link seguente:

http://msdn.microsoft.com/es-es/library/ie/cc836466%28v=vs.94%29.aspx

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

e viceversa

var str = JSON.stringify(arr);

Spero che questa piccola funzione converta una stringa JSON non valida in una valida.

function JSONize(str) {
  return str
    // wrap keys without quote with valid double quote
    .replace(/([\$\w]+)\s*:/g, function(_, $1){return '"'+$1+'":'})    
    // replacing single quote wrapped ones to double quote 
    .replace(/'([^']+)'/g, function(_, $1){return '"'+$1+'"'})         
}

Risultato

var invalidJSON = "{ hello: 'world',foo:1,  bar  : '2', foo1: 1, _bar : 2, $2: 3, 'xxx': 5, \"fuz\": 4, places: ['Africa', 'America', 'Asia', 'Australia'] }"
JSON.parse(invalidJSON) 
//Result: Uncaught SyntaxError: Unexpected token h VM1058:2
JSON.parse(JSONize(invalidJSON)) 
//Result: Object {hello: "world", foo: 1, bar: "2", foo1: 1, _bar: 2…}

Usare con cautela (a causa di eval()):

function strToJson(str) {
  eval("var x = " + str + ";");
  return JSON.stringify(x);
}

chiama come:

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
alert( strToJson(str) );

Disclaimer: non provarlo a casa o per qualsiasi cosa che richieda ad altri sviluppatori di prenderti sul serio:

JSON.stringify(eval('(' + str + ')'));

Ecco, l'ho fatto.
Cerca di non farlo, eval è MALE per te. Come detto sopra, utilizzare lo shim JSON di Crockford per i browser più vecchi (IE7 e precedenti)

Questo metodo richiede che la stringa sia javascript valida , che verrà convertita in un oggetto javascript che può quindi essere serializzato in JSON.

modifica: risolto come suggerito da Rocket.

Ho messo la mia risposta per qualcuno che è interessato a questo vecchio thread.

Ho creato il parser HTML5 data- * per il plugin e la demo jQuery che converte una stringa JSON non valida in un oggetto JavaScript senza usare eval().

Può passare i seguenti dati * * attributi HTML5:

<div data-object='{"hello":"world"}'></div>
<div data-object="{hello:'world'}"></div>
<div data-object="hello:world"></div>

nell'oggetto:

{
    hello: "world"
}

Douglas Crockford ha un convertitore, ma non sono sicuro che aiuterà con JSON cattivo a JSON buono.

https://github.com/douglascrockford/JSON-js

C'è un modo molto più semplice per realizzare questa impresa, basta dirottare l'attributo onclick di un elemento fittizio per forzare un ritorno della stringa come oggetto JavaScript:

var jsonify = (function(div){
  return function(json){
    div.setAttribute('onclick', 'this.__json__ = ' + json);
    div.click();
    return div.__json__;
  }
})(document.createElement('div'));

// Let's say you had a string like '{ one: 1 }' (malformed, a key without quotes)
// jsonify('{ one: 1 }') will output a good ol' JS object ;)

Ecco una demo: http://codepen.io/csuwldcat/pen/dfzsu (apri la tua console)

È necessario utilizzare "eval", quindi JSON.stringify e JSON.parse per il risultato.

 var errorString= "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
 var jsonValidString = JSON.stringify(eval("(" + errorString+ ")"));
 var JSONObj=JSON.parse(jsonValidString);

Devi scrivere parentesi tonde, perché senza di esse evalconsidereremo il codice tra parentesi graffe come un blocco di comandi.

var i = eval("({ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] })");

La tua scommessa migliore e più sicura sarebbe JSON5 - JSON per gli umani . È stato creato appositamente per quel caso d'uso.

const result = JSON5.parse("{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }");

console.log(JSON.stringify(result));

<script src="https://cdnjs.cloudflare.com/ajax/libs/json5/0.5.1/json5.min.js"></script>

L'uso di new Function () è meglio di eval, ma dovrebbe comunque essere usato solo con input sicuri.

const parseJSON = obj => Function('"use strict";return (' + obj + ')')();

console.log(parseJSON("{a:(4-1), b:function(){}, c:new Date()}"))
// outputs: Object { a: 3, b: b(), c: Date 2019-06-05T09:55:11.777Z }

Fonti: MDN , 2alità

Per il tuo semplice esempio sopra, puoi farlo usando 2 semplici sostituzioni regex:

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
str.replace(/(\w+):/g, '"$1":').replace(/'/g, '"');
 => '{ "hello": "world", "places": ["Africa", "America", "Asia", "Australia"] }'

Grande avvertenza : questo approccio ingenuo presuppone che l'oggetto non abbia stringhe contenenti un 'o :carattere. Ad esempio, non riesco a pensare a un buon modo per convertire la seguente stringa di oggetti in JSON senza usare eval:

"{ hello: 'world', places: [\"America: The Progressive's Nightmare\"] }"

Solo per le stranezze, puoi convertire la tua stringa tramite babel-standalone

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";

function toJSON() {
  return {
    visitor: {
      Identifier(path) {
        path.node.name = '"' + path.node.name + '"'
      },
      StringLiteral(path) {
        delete path.node.extra
      }
    }
  }
}
Babel.registerPlugin('toJSON', toJSON);
var parsed = Babel.transform('(' + str + ')', {
  plugins: ['toJSON']
});
var json = parsed.code.slice(1, -2)
console.log(JSON.parse(json))

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

var str = "{hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia']}" var fStr = str .replace (/ ([Az] *) (:) / g, '"$ 1":') .replace (/ '/ g, "\" ")

console.log (JSON.parse (FSTR))

Scusa, sono sul mio telefono, ecco una foto.

Una soluzione con un regex e non usando eval:

str.replace(/([\s\S]*?)(')(.+?)(')([\s\S]*?)/g, "$1\"$3\"$5")

Questo credo che dovrebbe funzionare per più righe e tutte le possibili occorrenze (/ g flag) della 'stringa' a virgoletta singola sostituita da "stringa" a virgoletta doppia.

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
var json = JSON.stringify(eval("(" + str + ")"));

Forse devi provare questo:

str = jQuery.parseJSON(str)