Wie konvertiert einen string in eine map in javascript?

Sagen, wir haben einen query-string, der wie folgt aussieht:

"param1:'test1' && param2:'test2'"

Möchte ich es in ein Objekt anzeigen, wie diese:

{param:test1, param2:test2}

Wie konnte das geschehen? Dies scheint ein sehr häufiger Anwendungsfall.

InformationsquelleAutor ming yeow | 2010-09-09

  1. 11

    Normalerweise verwende ich die "suchen und ersetzen nicht" Methode:

    var ret = {},
    str = "param1:'test1' && param2:'test2'";

str.replace(/(\b[^:]+):'([^']+)'/g, function ($0, param, value) {
    ret[param] = value;
});

JSON.stringify(ret);
//-> { "param1": "test1", "param2":"test2" }

    Beispiel: http://jsfiddle.net/bcJ9s/

    +1: Dies ist ein wenig robuster als mein Vorschlag. Noch verbessert werden könnte; wenn es ist ein Leerzeichen zwischen dem Bezeichner und dem Doppelpunkt, es ist enthalten in der Kennung. 🙂
    Die wichtige Sache hier ist, ob man Vorhersagen kann, kann das format der "strings" vorne, um die regexp so einfach wie möglich. Dies wird Ihnen helfen mit der Wartung, in der Zukunft, aber sollte wohl auch irgendwo dokumentiert, so dass es klar ist, was die Annahmen sind.

    InformationsquelleAutor Andy E

  2. 4

    Solange es in diesem format, d.h. hat nur string-Werte (und die strings nicht enthalten " && " oder Doppelpunkte), können Sie leicht analysieren:

    var params = theString.split(' && ');
var map = {};
for (var i = 0; i < params.length; i++) {
  var parts = params[i].split(':');
  map[parts[0]] = parts[1].substr(1, parts[1].length - 2);
}

    Beachten Sie, dass die Zeichenfolgen sind natürlich noch Saiten: { param: 'test1', param2: 'test2' }

    InformationsquelleAutor Guffa

  3. 1

    Verwenden Sie die Zeichenfolge.split-Funktion brechen Sie die Zeichenfolge in die Teile, die Sie benötigen - so etwas wie dieses...

    var input = "param1:'test1' && param2:'test2'";
var entries = input.split(" && ");
var map = {};
var pattern = /'/g;
for(var i=0; i < entries.length; i++){
    var tokens = entries[i].split[":"];
    map[tokens[0]] = tokens[1].replace(pattern, "");
}
    Es ist eher beruhigend zu sehen, dass andere Menschen sich geeinigt haben fast genau die gleiche Lösung - brauchen zu verbringen, während das Verständnis der Antwort von Andy E, wie ich Sie noch nie gesehen habe-string.replac mit einer Funktion als zweiten parameter. Vielleicht Andy E erweitern konnte seine Antwort zugunsten der anderen so wie mir.
    Zwar schlägt es mit Werten wie "param1:'test:1' && param2:'test && 2'"...
    es ist sehr viel wie eine regex exec(), außer es gibt keine Schleife und du zählst die sub-erfasst die in Ihrer eigenen Verschluss. Das ist, warum ich in Verbindung mit Artikel wo John Resig hat den Begriff geprägt und erläutert die Methode 🙂
    sehr wahr, das ist, warum die Antwort von Andy E ist interessant.
    E - nicht vor Ort den link. Danke für den Hinweis it out - eine Funktion, die einen string zurückgibt, anstatt ein string ist leicht zu verstehen, aber ich wusste nicht, dass die Funktion hat, bestimmte Aspekte des regexp-Suche übergeben werden. Wie üblich, Herr Resig weiß es am besten. 🙂

    InformationsquelleAutor belugabob

  4. 1

    Verwendung von string-Verarbeitung (Wie bereits von @Guffa, wird es scheitern, wenn Saiten selbst enthalten && oder :):

    var str="param1:'test1' && param2:'test2'";
var map={};
var pairs=str.split('&&');
for(i=0, total=pairs.length; i<total; i++) {
  var pair=pairs[i].trim().split(':');
  map[pair[0]]=pair[1].substr(1, pair[1].length-2);
}

    Hinweis: trim() ist nicht verfügbar auf alten Browsern, müssen Sie dieses bit des Codes, bevor die oben [src]:

    if (!String.prototype.trim) {
    String.prototype.trim = function () {
        return this.replace(/^\s*(\S*(?:\s+\S+)*)\s*$/, "$1");
    };
}
    Zwar schlägt es mit Werten wie "param1:'test:1' && param2:'test && 2'"...
    Du hast Recht, ich dachte, dass das doch Lesen, was du oben gesagt, Ihre Antwort, so dass ich dachte, jemand anderes bezeichnet, weiß ich nicht, aber ich proabably Bearbeiten sollte auf dieses zu, danke.

    InformationsquelleAutor aularon

Schreibe einen Kommentar