JSON in JavaScript parsen? [duplicate]

Ich möchte eine JSON-Zeichenfolge in JavaScript analysieren. Die Antwort ist so etwas wie

var response="{"result":true,"count":1}";

Wie bekomme ich die Werte result und count davon?

Die Standardmethode zum Analysieren von JSON in JavaScript ist JSON.parse()

Die JSON API wurde mit eingeführt ES5 (2011) und wurde seitdem in >99 % der Browser nach Marktanteil implementiert, und Node.js. Seine Verwendung ist einfach:

const json = '{ "fruit": "pineapple", "fingers": 10 }';
const obj = JSON.parse(json);
console.log(obj.fruit, obj.fingers);

Die einzige Zeit, die Sie nicht nutzen können JSON.parse() ist, wenn Sie für einen alten Browser wie IE 7 (2006), IE 6 (2001), Firefox 3 (2008), Safari 3.x (2009) usw. programmieren. Alternativ können Sie sich in einer esoterischen JavaScript-Umgebung befinden das enthält nicht die Standard-APIs. Verwenden Sie in diesen Fällen json2.jsdie Referenzimplementierung von JSON, geschrieben von Douglas Crockford, dem Erfinder von JSON. Diese Bibliothek stellt eine Implementierung von bereit JSON.parse().

Bei der Verarbeitung extrem großer JSON-Dateien JSON.parse() kann aufgrund seiner synchronen Natur und seines Designs ersticken. Um dies zu beheben, empfiehlt die JSON-Website Bibliotheken von Drittanbietern wie z Oboe.js und Klarinettedie Streaming-JSON-Parsing bereitstellen.

jQuery hatte einmal eine $.parseJSON() Funktion, wurde aber mit jQuery 3.0 als veraltet markiert. Jedenfalls war es lange Zeit nicht mehr als eine Hülle JSON.parse().

WARNUNG!

Diese Antwort stammt aus einer alten Ära der JavaScript-Programmierung, in der es keine integrierte Möglichkeit gab, JSON zu analysieren. Die hier gegebenen Ratschläge sind nicht mehr anwendbar und wahrscheinlich gefährlich. Aus heutiger Sicht ist das Parsen von JSON durch Einbeziehen von jQuery oder Aufrufen von eval() Unsinn. Sofern Sie IE 7 oder Firefox 3.0 nicht unterstützen müssen, ist der richtige Weg zum Analysieren von JSON JSON.parse().

Zunächst müssen Sie sicherstellen, dass der JSON-Code gültig ist.

Danach würde ich empfehlen, eine JavaScript-Bibliothek wie jQuery oder Prototype zu verwenden, wenn Sie können, da diese Dinge in diesen Bibliotheken gut gehandhabt werden.

Wenn Sie andererseits keine Bibliothek verwenden möchten und für die Gültigkeit des JSON-Objekts bürgen können, würde ich den String einfach in eine anonyme Funktion packen und die eval-Funktion verwenden.

Dies wird nicht empfohlen, wenn Sie das JSON-Objekt aus einer anderen Quelle erhalten, die nicht absolut vertrauenswürdig ist, da die Evaluierungsfunktion, wenn Sie so wollen, abtrünnigen Code zulässt.

Hier ist ein Beispiel für die Verwendung der eval-Funktion:

var strJSON = '{"result":true,"count":1}';
var objJSON = eval("(function(){return " + strJSON + ";})()");
alert(objJSON.result);
alert(objJSON.count);

Wenn Sie kontrollieren, welcher Browser verwendet wird, oder wenn Sie sich keine Sorgen um ältere Browser machen, können Sie immer die JSON.parse-Methode verwenden.

Das ist wirklich die ideale Lösung für die Zukunft.

Wenn Sie dies von einer externen Website erhalten, kann es hilfreich sein, getJSON von jQuery zu verwenden. Wenn es sich um eine Liste handelt, können Sie sie mit $.each durchlaufen

$.getJSON(url, function (json) {
    alert(json.result);
    $.each(json.list, function (i, fb) {
        alert(fb.result);
    });
});

Wenn Sie verwenden möchten JSON3 für ältere Browser können Sie es bedingt laden mit:

<script>
    window.JSON || 
    document.write('<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.2.4/json3.min.js"><\/scr'+'ipt>');
</script>

Jetzt die Norm window.JSON Objekt steht Ihnen unabhängig davon zur Verfügung, welchen Browser ein Client ausführt.

Das folgende Beispiel soll es verdeutlichen:

let contactJSON = '{"name":"John Doe","age":"11"}';
let contact = JSON.parse(contactJSON);
console.log(contact.name + ", " + contact.age);

// Output: John Doe, 11

Wenn Sie eine Zeichenfolgenvariable (eine wohlgeformte JSON-Zeichenfolge) von MVC @Viewbag mit doppelten Anführungszeichen „““ als Anführungszeichen an JSON.parse übergeben, müssen Sie sie vor JSON.parse verarbeiten (jsonstring)

    var jsonstring = '@ViewBag.jsonstring';
    jsonstring = jsonstring.replace(/"/g, '"');  

Sie können entweder die Bewertungsfunktion wie in einigen anderen Antworten verwenden. (Vergessen Sie nicht die zusätzlichen geschweiften Klammern.) Sie werden wissen warum, wenn Sie tiefer graben) oder verwenden Sie einfach die jQuery-Funktion parseJSON:

var response="{"result":true , "count":1}"; 
var parsedJSON = $.parseJSON(response);

ODER

Sie können diesen folgenden Code verwenden.

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

Und Sie können mit auf die Felder zugreifen jsonObject.result und jsonObject.count.

Aktualisieren:

Wenn Ihre Ausgabe ist undefined dann müssen Sie DIESER Antwort folgen. Vielleicht hat Ihr Json-String ein Array-Format. Sie müssen wie folgt auf die json-Objekteigenschaften zugreifen

var response="[{"result":true , "count":1}]"; // <~ Array with [] tag
var jsonObject = JSON.parse(response);
console.log(jsonObject[0].result); //Output true
console.log(jsonObject[0].count); //Output 1