Der beste Weg, um eine Zeichenfolge in ein Array von Objekten in Javascript zu konvertieren?

Ich denke, dass der beste Weg, dies zu tun, als Douglas Crockford (einer der biggests gurus von JavaScript) schlägt hier ist mit dem Native JSON-parserwie es ist nicht nur schneller als die eval () -, es ist auch sicherer.

Native JSON-parser ist bereits verfügbar in:

• Firefox 3.5+
• IE 8+
• Opera 10.5+
• Safari Safari 4.0.3+
• Chrome (weiß nicht welche version)

Crockford und hat einen sicheren fallback in javascript, genannt json2.jsdie eine Anpassung der eval () - Ansatz, mit dem einige Sicherheits-bits Hinzugefügt und mit der nativen JSON-Parser-API. Sie brauchen nur zu zählen, dass die Datei, entfernen Sie die erste Zeile, und verwenden Sie die nativen JSON-parser, und wenn es nicht vorhanden json2 würde die Arbeit machen.

Hier ist ein Beispiel:

var myJSONString = '{ "a": 1, "b": 2 }',
    myObject = JSON.parse(myJSONString);

Einmal analysiert, erhalten Sie ein Objekt mit Attributen a und bund wie Sie vielleicht wissen, können Sie Sie behandeln ein Objekt als hash-Tabelle oder assoziatives array in JavaScript, so dass Sie wäre in der Lage, den Zugriff auf die Werte wie diese:

myObject['a'];

Wenn Sie wollen einfach nur ein einfaches array und kein assoziatives, das man so etwas machen:

var myArray = [];
for(var i in myObject) {
    myArray.push(myObject[i]);
}

Schließlich, wenn auch nicht notwendig in plain JavaScript, die JSON spec benötigt den doppelten Quotierung der Schlüssel der Elemente. Also die navite parser funktioniert nicht ohne Sie. Wenn ich du wäre würde ich es hinzufügen, aber wenn es nicht möglich ist, verwenden Sie die var myObject = eval( "(" + myString + ")" ); Ansatz.

InformationsquelleAutor der Antwort alcuadrado

Seit Ihr string ist fehlerhaften JSON, JSON-parser nicht analysiert werden, richtig und auch von eval() einen Fehler auslösen. Es ist auch kein Array sondern eine HashMap oder einfach ein Objekt-literal (fehlerhaften). Wenn die Objekt-literal wird nur die Nummer und string-Werte (und keine untergeordneten Objekte/arrays) Sie können den folgenden code verwenden.

function malformedJSON2Array (tar) {
    var arr = [];
    tar = tar.replace(/^\{|\}$/g,'').split(',');
    for(var i=0,cur,pair;cur=tar[i];i++){
        arr[i] = {};
        pair = cur.split(':');
        arr[i][pair[0]] = /^\d*$/.test(pair[1]) ? +pair[1] : pair[1];
    }
    return arr;
}

malformedJSON2Array("{a:12, b:c, foo:bar}");
//result -> [{a:12},{b:'c'},{foo:'bar'}]

Code wird sich Ihren string in ein Array von Objekten (plural).

Wenn jedoch Sie wollte eigentlich eine HashMap (Assoziatives Array) und KEIN array, verwenden Sie den folgenden code:

function malformedJSON2Object(tar) {
    var obj = {};
    tar = tar.replace(/^\{|\}$/g,'').split(',');
    for(var i=0,cur,pair;cur=tar[i];i++){
        pair = cur.split(':');
        obj[pair[0]] = /^\d*$/.test(pair[1]) ? +pair[1] : pair[1];
    }
    return obj;
}

malformedJSON2Object("{a:12, b:c, foo:bar}");
//result -> {a:12,b:'c',foo:'bar'}

Dem obigen code wird sehr viel schwieriger, wenn Sie beginnen Verschachtelung von Objekten und arrays. Im Grunde müsste man umschreiben JSON.js und JSON2.js zu unterstützen malformed JSON.

Beachten Sie auch die folgende option, die ist immer noch schlecht ich zugeben, aber geringfügig besser dann kleben JSON in einem HTML-tag als Attribut.

<div id="DATA001">bla</div>
<!-- namespacing your data is even better! -->
<script>var DATA001 = {a:12,b:"c",foo:"bar"};</script>

Ich gehe davon aus, dass Sie weglassen Anführungszeichen in den string, weil Sie hatte es in einem HTML-tag als Attribut und nicht wollen, um zu entkommen Zitate.

InformationsquelleAutor der Antwort BGerrissen

Wenn Sie mit jQuery, da gibt es die $.parseJSON() Funktion. Es wirft eine exception, wenn der string ungültig ist, und "Auch wenn Sie im nichts, wird ein leerer string, null oder undefined ist, wird 'null' zurückgegeben von parseJSON. Wo der browser bietet eine native Implementierung von JSON.analysieren, die jQuery nutzt es analysiert die Zeichenfolge"

InformationsquelleAutor der Antwort jamiebarrow