Einfache Möglichkeit, um javascript-Objekt multilevel-Eigenschaft?

Ich versuche, erstellen Sie ein javascript-Objekt, wie

var allUserExpiry={};
allUserExpiry[aData.userId][aData.courseId][aData.uscId] = aData;

Aber ich erhalte eine Fehlermeldung wie allUserExpiry[aData.userId] undefiniert.

Gibt es eine Möglichkeit, wobei ich das einstellen kann multi-level-JS-Objekt-Schlüssel? oder ist es wichtig, dass ich gehen sollte-by-doing -allUserExpiry[aData.userId]={}, dann allUserExpiry[aData.userId][aData.courseId]={} ?

Bitte lassen Sie mich wissen, wenn es irgendwelche Dienstprogramm verfügbaren Funktionen für das gleiche.

InformationsquelleAutor linuxeasy | 2013-12-06

7

Nein, es gibt keine Möglichkeit, "Multi-Level-Tasten". Sie benötigen zum initialisieren jedes Objekt, bevor Sie versuchen, das hinzufügen von Eigenschaften, um es.
```
var allUserExpiry = {};
allUserExpiry[aData.userId] = {}
allUserExpiry[aData.userId][aData.courseId] = {}
allUserExpiry[aData.userId][aData.courseId][aData.uscId] = aData;
```
InformationsquelleAutor meagar

Oder Sie können es tun:

function setByPath(obj, path, value) {
    var parts = path.split('.');
    var o = obj;
    if (parts.length > 1) {
      for (var i = 0; i < parts.length - 1; i++) {
          if (!o[parts[i]])
              o[parts[i]] = {};
          o = o[parts[i]];
      }
    }

    o[parts[parts.length - 1]] = value;
}

Und Verwendung:

setByPath(obj, 'path.path2.path', someValue);

Dieser Ansatz hat viele schwache stellen, aber für den Spaß... 🙂

Darf ich Fragen, was ist falsch mit diesem Ansatz, was ist die schwache Stelle in der it?
sicher, es ist schlecht für die Analyse von code (und code-Pflege) und code-minifizierung (wenn proprties umbenennen verwendet wird, verursachen diese Zeichenfolge nicht geändert werden).

InformationsquelleAutor Tony

2

Warum nicht genau dies tun?
```
var allUserExpiry={};
allUserExpiry[aData.userId] = {aData.courseId: {aData.uscId: aData}};
```
- Die Antworten sind in der Regel viel mehr hilfreich, mit einigen Erklärung darüber, wie Sie funktionieren und warum, zu gehen zusammen mit dem code.
InformationsquelleAutor steps
2

Mithilfe von Berechneten Eigenschaft Namen von ES6, es ist möglich, das zu tun:
```
var allUserExpiry = {
    [aData.userId] = {
        [aData.courseId]: {
            [aData.uscId]: aData
        }
    }
};
```
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names

InformationsquelleAutor Nicolas Gilbert
2

Ich habe eine ziemlich hacky aber kurz Weg, es zu tun in IE9+, sowie real-Browser.

Gegeben var path = 'aaa.bbb.ccc.ddd.eee'; wo path ist das, was Ihr die beabsichtigen, in ein Objekt und var result = {}; wird, wird das Objekt erstellen {aaa: {bbb: {ccc: {ddd: {eee: {}}}}}
```
result = {}
path.split('.').reduce(function(prev, e) {
    var newObj = {};
    prev[e] = newObj;
    return newObj;
}, result);
```
speichern wird das Objekt in result.

, Wie es funktioniert:
- split('.') wandelt die Eingabe in ['aaa', 'bbb', 'ccc', 'ddd', 'eee']
- reduce(function (...) {...}, result) läuft über das array erstellt durch split, und für jeden Eintrag wird entlang eines zurückgegebenen Wert zum nächsten. In unserem Fall übergeben wir das neue Objekt, bis nach dem hinzufügen des neuen Objekts mit dem alten. Dies schafft eine Kette von Objekten. reduce gibt das Letzte Objekt, das Sie zurück in der es, so haben wir zu den vorgegebenen result vorher.
Diese beruht auf der Verwendung von Referenzen, so wird es nicht sofort klar, wie es funktioniert, wenn Sie erwarten, dass Sie Ihren code erhalten werden, indem jemand anderes und sollte wohl vermieden werden, um ehrlich zu sein, aber es funktioniert zumindest.

InformationsquelleAutor Bryan K

Können Sie auch die folgenden Optionen verwenden, um die anfängliche Struktur:

var x = function(obj, keys) {
    if (!obj) return;

    var i, t;
    for (i = 0; i < keys.length; i++) {
        if (!t) {
            t = obj[keys[i]] = {};
        } else {
            t[keys[i]] = {};
            t = t[keys[i]];
        }
    }
};

var a = {}; 
x(a, ['A', 'B', 'C', 'D', 'E', 'F']);

InformationsquelleAutor epoch

Anderen Ansatz, ohne strings oder ein array als argument.

function fillObject() {
  var o = arguments[0];
  for(var i = 1; i < arguments.length-1; i++) {
    if(!o.hasOwnProperty(arguments[i])) {
      o[arguments[i]] = {};
    }
    if(i < arguments.length-2) {
      o = o[arguments[i]];
    }else {
      o[arguments[i]] = arguments[i+1]
    }
  }
}

var myObj = {"foo":{}};

fillObject(myObj,"back","to","the","future",2);

console.log(JSON.stringify(myObj));
//{"foo":{},"back":{"to":{"the":{"future":2}}}}

Aber ich würde es nicht verwenden 🙂 Es ist einfach nur zum Spaß.
Da ich nicht gerne zu viel intelligenten Algorithmus. (Wenn es in dieser Kategorie)

InformationsquelleAutor Luca Rainone

Verwendung von lodash, können Sie dies leicht tun (Knoten existiert und leer ist prüfen, dass Knoten)..

var lodash = require('lodash-contrib');

function invalidateRequest(obj, param) {
    var valid = true;

    param.forEach(function(val) {
        if(!lodash.hasPath(obj, val)) {
            valid = false;
        } else {
            if(lodash.getPath(obj, val) == null || lodash.getPath(obj, val) == undefined || lodash.getPath(obj, val) == '') {
                valid = false;
            }
        }
    });
    return valid;
}

Verwendung:

leaveDetails = {
              "startDay": 1414998000000,
              "endDay": 1415084400000,
              "test": { "test1" : 1234 }

    };

    var validate;

    validate = invalidateRequest(leaveDetails, ['startDay', 'endDay', 'test.test1']);

wird es wieder den Typ boolean.

InformationsquelleAutor Sohini

Verwenden Sie einfach loadash,

let object = {};
let property = "a.b.c";
let value = 1;
_.set(object, property, value); //sets property based on path
let value = _.get(object, property, default); //gets property based on path

InformationsquelleAutor Amritesh Anand

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

, Wie es funktioniert: