Javascript: Dostęp zagnieżdżone wartości w danych JSON z wykorzystaniem dynamicznych nazw zmiennych

Question

Mam zagnieżdżony obiekt JavaScript jak

var data = { 'name': { 'heading': 'Name', 'required': 1, 'type': 'String' }, 
      'profile': { 
        'age': { 'heading': 'Age', 'required': 0, 'type': 'Number' }, 
        'phone': { 'heading': 'Phone', 'required': 0, 'type': 'String'}, 
        'city': { 'heading': 'City', 'required': 0, 'type': 'String'}, 
        }, 
      'status': { 'heading': 'Status', 'required': 1, 'type': 'String' } 
      }; 

Tutaj mogę uzyskać dostęp do pól jako data.profile.age.type lub data.name.type . Brak problemów A jeśli mam nazwy zmiennych dynamicznych, mogę uzyskać dostęp, jak poniżej. Znowu nie ma problemów.

f = 'profile'; data[f].age.type 

Ale tutaj mam nazwy zmiennych takich jak 'nazwa', 'profile.age', 'profile.city' itp i oczywiście nie mogę mieć do nich dostęp jako 'f' profile.age =; dane [f] .typ, które nie będą działać.

Czy każdy może podpowiedzieć mi, jak uzyskać do nich dostęp (uzyskać/ustawić) w najprostszy i najprostszy sposób?

Uwaga: próbowałem tego i działa w trybie get.

data.get = function(p) { o = this; return eval('o.'+p); }; 
f = 'profile.age'; data.get(f).name; 

Chociaż zestaw nie wydaje się być wystarczająco prosty. Daj mi znać, jeśli istnieją lepsze rozwiązania również w zakresie pobierania i ustawiania.

Answer 1

Nie używaj eval chyba że jest to absolutnie konieczne. :) Przynajmniej w tym przypadku, są lepsze sposoby, aby to zrobić - można podzielić zagnieżdżony nazwę na poszczególne części i iteracyjne nad nimi:

data.get = function(p) { 
    var obj = this; 

    p = p.split('.'); 
    for (var i = 0, len = p.length; i < len - 1; i++) 
    obj = obj[p[i]]; 

    return obj[p[len - 1]]; 
}; 

data.set = function(p, value) { 
    var obj = this; 

    p = p.split('.'); 
    for (var i = 0, len = p.length; i < len - 1; i++) 
    obj = obj[p[i]]; 

    obj[p[len - 1]] = value; 
}; 

Answer 2

można po prostu zagnieżdżać nawiasy:

var a = 'name', b = 'heading'; 
data[a][b]; // = `Name` 

Answer 3

Może to funkcja, która bierze na drodze do nieruchomości, które Cię interesują i rozbija go na żetony reprezentujące właściwości. Coś jak to (jest to bardzo szorstki, oczywiście):

data.get = function(path) { 
    var tokens = path.split('.'), val = this[tokens[0]]; 
    if (tokens.length < 2) return val; 
    for(var i = 1; i < tokens.length; i++) { 
    val = val[tokens[i]]; 
    } 
    return val; 
} 

przykład:

var f = 'one.two'; 
    var data = { one: {two:'hello'}}; 
    data.get = /* same as above */; 

    var val = data.get(f); 

Answer 4

ta wykorzystuje funkcję jQuery.each(), aby przechodzić w dół drzewo json używające zmiennej łańcuchowej, która może zawierać lub nie jedną lub więcej ".". Można alternatywnie przekazać tablicę i pominąć .split();

pathString = coś "person.name"

jsonObj = coś podobnego { "osoby": { "name": "Valerie"}}.

function getGrandchild(jsonObj, pathString){ 
    var pathArray = pathString.split("."); 
    var grandchild = jsonObj; 
    $.each(pathArray, function(i, item){ 
     grandchild = grandchild[item]; 
    }); 
    return grandchild; 
}; 

powraca "Valerie"