JavaScript: Schlüssel zum Umbenennen von Objekten

Könnten Sie wickeln die Arbeit in einer Funktion und weisen Sie auf die Object Prototyp. Vielleicht nutzen die fluent-Oberfläche, um mehrere benennt fließen.

Object.prototype.renameProperty = function (oldName, newName) {
     //Do nothing if the names are the same
     if (oldName == newName) {
         return this;
     }
    //Check for the old property name to avoid a ReferenceError in strict mode.
    if (this.hasOwnProperty(oldName)) {
        this[newName] = this[oldName];
        delete this[oldName];
    }
    return this;
};

ECMAScript 5 Spezifische

Möchte ich die syntax nicht diese komplexe, aber es ist definitiv schön, mit mehr Kontrolle.

Object.defineProperty(
    Object.prototype, 
    'renameProperty',
    {
        writable : false, //Cannot alter this property
        enumerable : false, //Will not show up in a for-in loop.
        configurable : false, //Cannot be deleted via the delete operator
        value : function (oldName, newName) {
            //Do nothing if the names are the same
            if (oldName == newName) {
                return this;
            }
            //Check for the old property name to 
            //avoid a ReferenceError in strict mode.
            if (this.hasOwnProperty(oldName)) {
                this[newName] = this[oldName];
                delete this[oldName];
            }
            return this;
        }
    }
);

InformationsquelleAutor der Antwort ChaosPandion

Ich würde so etwas tun:

function renameKeys(dict, keyMap) {
  return _.reduce(dict, function(newDict, val, oldKey) {
    var newKey = keyMap[oldKey] || oldKey
    newDict[newKey] = val 
    return newDict
  }, {})
}

InformationsquelleAutor der Antwort tldr

Ich würde sagen, dass es besser wäre, aus einer konzeptionellen Sicht, lassen Sie einfach das alte Objekt (das vom web service), wie es ist, und setzen Sie die Werte, die Sie brauchen, in ein neues Objekt. Ich nehme an, Sie extrahieren bestimmte Felder bei der einen oder anderen Stelle auf jeden Fall, wenn nicht auf dem client, dann zumindest auf dem server. Die Tatsache, dass Sie gewählt haben, verwenden Sie Feldnamen, sind die gleichen wie jene, die vom web-service, nur Kleinbuchstaben, nicht wirklich ändern. Also, ich würde raten, so etwas zu tun:

var myObj = {
    field1: theirObj.FIELD1, 
    field2: theirObj.FIELD2,
    (etc)
}

Natürlich, ich mache alle Arten von Annahmen hier, das darf doch nicht wahr sein. Wenn dies nicht auf Sie zutrifft, oder wenn es zu langsam ist (ist es? Habe ich noch nicht getestet, aber ich glaube, der Unterschied wird kleiner als die Anzahl der Felder erhöht), ignorieren Sie bitte alle 🙂

Wenn Sie nicht wollen, dies zu tun, und Sie nur zur Unterstützung bestimmter Browser, können Sie auch das neue absorbentien, um auch wieder "groß - (Feld)": siehe http://robertnyman.com/2009/05/28/getters-and-setters-with-javascript-code-samples-and-demos/ und die links auf diese Seite für mehr Informationen.

EDIT:

Unglaublich, diese ist auch fast doppelt so schnell, zumindest auf meinem FF3.5 bei der Arbeit. Siehe: http://jsperf.com/spiny001

InformationsquelleAutor der Antwort Spiny Norman

Persönlich ist der effektivste Weg, um umbenennen Schlüssel in Objekt ohne Implementierung extra schwere plugins und Räder:

var str = JSON.stringify(object);
str = str.replace(/oldKey/g, 'newKey');
str = str.replace(/oldKey2/g, 'newKey2');

object = JSON.parse(str);

Können Sie auch wickeln Sie es in try-catch wenn dein Objekt hat eine ungültige Struktur auf. Funktioniert perfekt 🙂

InformationsquelleAutor der Antwort Novitoll

Einige der Lösungen, die auf dieser Seite aufgelistet haben einige Nebenwirkungen:

1. Einfluss auf die position des Schlüssels in das Objekt, indem es auf der Unterseite (wenn das geht)
2. funktioniert nicht im IE9+ (wieder, wenn diese Fragen an Sie)

Hier ist eine Lösung, die hält die position der Taste an der gleichen Stelle und ist kompatibel mit IE9+, hat aber ein neues Objekt zu erstellen und nicht die Schnellste Lösung:

function renameObjectKey(oldObj, oldName, newName) {
    const newObj = {};

    Object.keys(oldObj).forEach(key => {
        const value = oldObj[key];

        if (key === oldName) {
            newObj[newName] = value;
        } else {
            newObj[key] = value;
        }
    });

    return newObj;
}

Bitte beachten Sie: IE9 unterstützt möglicherweise nicht die forEach-im strikten Modus

InformationsquelleAutor der Antwort Jasdeep Khalsa