Parsing JSON von String mit JSON-Objekt

Question

Ich habe eine Zeichenfolge wie

"Something has happened {\"prop1\":{\"name\":\"foo\"}}" 

und ich möchte die JSON analysieren, so dass ich die Zeichenfolge formatieren. Wie zum Beispiel:

Something has happened 
{ 
    "prop1":{ 
    "name":"foo" 
    } 
} 

In JavaScript, was wäre ein guter Weg, um dies zu erreichen.

Es kann mehrere Objekte in der Zeichenfolge geben und auch das Objekt ist nicht bekannt, es könnte viele verschachtelte Objekte oder Arrays enthalten. Danke im Voraus.

Answer 1

Können wir annehmen, dass '{' und '}' den Anfang und das Ende des JSON anzeigen. Wenn ja, können Sie eine Teilzeichenfolge erhalten; Siehe Code unten. Sie könnten das Gleiche mit regulären Ausdrücken tun.

var str = "Something has happened {\"prop1\":{\"name\":\"foo\"}}" 
    var start = str.indexOf("{"); 
    var end = str.lastIndexOf("}"); 
    var json = str.substr(start, end); 

Answer 2

Die Mindest einfach werden würde ziemlich-Drucken der Zeichenfolge

OK dann. Nun eine wirklich einfache, nicht-optimierte, nicht-notwendigerweise robust ziemlich Druckfunktion könnte wie folgt aussehen:

function basicPrettyPrint(str) { 
 
    var output = ''; 
 
    var indentLevel = 0; 
 
    var indent = ' '; 
 
    var inQuotes = false; 
 
    for (var i = 0; i < str.length; i++) { 
 
    var current = str[i]; 
 
    if (current === '"' && indentLevel > 0) { 
 
     inQuotes = !inQuotes; 
 
     output += current; 
 
    } else if (inQuotes) { 
 
     output += current; 
 
    } else if (current === ',' && indentLevel > 0) { 
 
     output += ',\n' + indent.repeat(indentLevel); 
 
    } else if (current === '{' || current === '[') { 
 
     if (indentLevel === 0) output += '\n'; 
 
     output += current + '\n' + indent.repeat(++indentLevel); 
 
    } else if (current === '}' || current === ']') { 
 
     output += '\n' + indent.repeat(--indentLevel) + current; 
 
     if (indentLevel === 0) output += '\n'; 
 
    } else { 
 
     output += current; 
 
    } 
 
    if (indentLevel < 0) { 
 
     // parse failure: unbalanced brackets. Do something. 
 
    } 
 
    } 
 
    return output; 
 
} 
 

 
var input = 'Here is a "simple" object, for testing: {"prop1":{"name":"foo"}}And here is a more complicated one that has curly brackets within one of the property values:{"prop1":"{this is data, not an object}","arr":[1,{"a":"1","b":{"x":1,"y":[3,2,1]}},3,4]}And a non-nested array:[1,2,3]'; 
 

 
console.log(basicPrettyPrint(input));

Die oben darf nicht für entgangenen Anführungszeichen innerhalb Eigenschaften und wahrscheinlich eine Menge anderer Dinge, an die ich für eine kurze Demo nicht gedacht habe, aber ich überlasse diese Dinge als Übungen für den Leser ...

PS Die string .repeat() method muss möglicherweise polyfilled sein.