Konvertieren Sie die Objektzeichenfolge in JSON

Wie kann ich eine Zeichenfolge, die ein Objekt beschreibt, mithilfe von JavaScript (oder jQuery) in eine JSON-Zeichenfolge konvertieren?

Beispiel: Konvertieren Sie dies ( KEINE gültige JSON-Zeichenfolge):

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

das mögen:

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

Ich würde es gerne vermeiden, eval()wenn möglich.

Wenn die Zeichenfolge aus einer vertrauenswürdigen Quelle stammen , könnten Sie evaldann JSON.stringifydas Ergebnis. So was:

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

Beachten Sie, dass, wenn Sie eval ein Objektliteral in Klammern eingeschlossen werden muss, andernfalls werden die geschweiften Klammern als Block anstelle eines Objekts analysiert.

Ich stimme auch mit den Kommentaren unter der Frage , dass es viel besser ist das Objekt in gültiger JSON nur kodieren wäre zu beginnen und zu vermeiden, kodieren zu analysieren ist, dann vermutlich analysiert es wieder . HTML unterstützt Attribute in einfachen Anführungszeichen (stellen Sie nur sicher, dass alle einfachen Anführungszeichen in Zeichenfolgen HTML-codiert sind).

Ihre Zeichenfolge ist nicht gültig JSON, also JSON.parse(oder jQuery's$.parseJSON funktioniert ) nicht.

Eine Möglichkeit wäre, evalden "ungültigen" JSON zu "analysieren" und ihn dann stringifyin einen gültigen JSON zu "konvertieren".

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

Ich schlage vor, anstatt zu versuchen, Ihren ungültigen JSON zu "reparieren", beginnen Sie zunächst mit einem gültigen JSON. Wie strgeneriert wird, sollte dort festgelegt werden, bevor es generiert wird, nicht danach.

EDIT : Sie sagten (in den Kommentaren), dass diese Zeichenfolge in einem Datenattribut gespeichert ist:

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

Ich schlage vor, Sie beheben es hier, so dass es einfach JSON.parsed sein kann. Zunächst müssen sowohl die Schlüssel als auch die Werte in doppelte Anführungszeichen gesetzt werden. Es sollte so aussehen (Attribute in einfachen Anführungszeichen in HTML sind gültig):

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

Jetzt können Sie einfach JSON.parse(oder jQuery's $.parseJSON) verwenden.

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

jQuery.parseJSON

str = jQuery.parseJSON(str)

Bearbeiten. Vorausgesetzt, Sie haben eine gültige JSON-Zeichenfolge

Verwenden Sie einfachen Code im folgenden Link:

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);

und umgekehrt

var str = JSON.stringify(arr);

Ich hoffe, diese kleine Funktion konvertiert ungültige JSON-Zeichenfolgen in gültige.

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+'"'})         
}

Ergebnis

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…}

Vorsichtig anwenden (wegen eval()):

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

Anruf als:

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

Haftungsausschluss: Versuchen Sie dies nicht zu Hause oder für Dinge, bei denen andere Entwickler Sie ernst nehmen müssen:

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

Dort habe ich es getan.
Versuche es nicht zu tun, eval ist SCHLECHT für dich. Verwenden Sie wie oben beschrieben Crockfords JSON-Shim für ältere Browser (IE7 und darunter).

Für diese Methode muss Ihre Zeichenfolge ein gültiges Javascript sein , das in ein Javascript-Objekt konvertiert wird, das dann in JSON serialisiert werden kann.

edit: behoben wie von Rocket vorgeschlagen.

Ich habe meine Antwort für jemanden gegeben, der sich für diesen alten Thread interessiert.

Ich habe den HTML5-Daten- * Parser für das jQuery-Plugin und die Demo erstellt , die eine fehlerhafte JSON-Zeichenfolge ohne Verwendung in ein JavaScript-Objekt konvertieren eval().

Es kann die folgenden HTML5-Daten- * Attribute übergeben:

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

in das Objekt:

{
    hello: "world"
}

Douglas Crockford hat einen Konverter, aber ich bin nicht sicher, ob er bei schlechtem JSON zu gutem JSON helfen wird.

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

Es gibt eine viel einfachere Möglichkeit, dieses Kunststück zu erreichen. Entführen Sie einfach das onclick-Attribut eines Dummy-Elements, um die Rückgabe Ihrer Zeichenfolge als JavaScript-Objekt zu erzwingen:

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 ;)

Hier ist eine Demo: http://codepen.io/csuwldcat/pen/dfzsu (öffnen Sie Ihre Konsole)

Sie müssen "eval", dann JSON.stringify und dann JSON.parse für das Ergebnis verwenden.

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

Sie müssen runde Klammern schreiben, da ohne sie evalCode in geschweiften Klammern als Befehlsblock betrachtet wird.

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

Ihre beste und sicherste Wette wäre JSON5 - JSON für Menschen . Es wurde speziell für diesen Anwendungsfall erstellt.

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>

Die Verwendung von new Function () ist besser als eval, sollte jedoch nur mit sicherer Eingabe verwendet werden.

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 }

Quellen: MDN , 2ality

Für Ihr einfaches Beispiel oben können Sie dies mit 2 einfachen Regex-Ersetzungen tun:

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

Große Einschränkung : Bei diesem naiven Ansatz wird davon ausgegangen , dass das Objekt keine Zeichenfolgen enthält, die ein 'oder ein :Zeichen enthalten. Ich kann mir zum Beispiel keine gute Möglichkeit vorstellen, die folgende Objektzeichenfolge ohne Verwendung in JSON zu konvertieren eval:

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

Nur für die Macken davon können Sie Ihre Zeichenfolge über konvertieren 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 = "{Hallo: 'Welt', Orte: ['Afrika', 'Amerika', 'Asien', 'Australien']}" var fStr = str .replace (/ ([Az] *) (:) / g, '$ 1 ":') .replace (/ '/ g," ")

console.log (JSON.parse (fStr))

Entschuldigung, ich bin auf meinem Handy, hier ist ein Bild.

Eine Lösung mit einem regulären Ausdruck und ohne Verwendung von eval:

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

Dies sollte meiner Meinung nach für mehrere Zeilen funktionieren und alle möglichen Vorkommen (/ g Flag) von "Zeichenfolge" in einfachen Anführungszeichen werden durch "Zeichenfolge" in doppelten Anführungszeichen ersetzt.

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

Vielleicht müssen Sie dies versuchen:

str = jQuery.parseJSON(str)