Abrufen eines Feldes von einem JSON-Objekt mit einem "Adress-String" in JavaScript

Question

Ich bin neu in Java-Skript, so entschuldigen Sie bitte, wenn dies trivial ist. Meine Frage ist syntaktische, wenn ich ein Objekt haben:

this.state = { 
    A : { 
     B: { 
      C : [ 
      {value : 'bob'}, 
      {value : 'Jim'}, 
      {value : 'luke'}, 
      ] 
     } 
    } 
} 

und ich habe eine Zeichenfolge location = 'A.B.C[1]', die den Ort der Daten beschreiben ich will.

Warum kann ich nicht einfach data = this.state[location].value?

und gibt es einen einfachen "JavaScript" Weg, um die Daten mit dem Ort String zu bekommen?

jede Hilfe wäre erstaunlich :)

Answer 1

Sie können den Pfad aufgespalten und das Objekt zu reduzieren.

function getValue(o, path) { 
 
    return path.replace(/\[/g, '.').replace(/\]/g, '').split('.').reduce(function (o, k) { 
 
     return (o || {})[k]; 
 
    }, o); 
 
} 
 

 
var o = { A : { B: { C: [{ value: 'Brenda' }, { value: 'Jim' }, { value: 'Lucy' }] } }}; 
 

 
console.log(getValue(o, 'A.B.C[1]').value); // Jim 
 
console.log(getValue(o, 'A.B.C[0].value')); // Brenda 
 
console.log(getValue(o, 'Z[0].Y.X[42]')); // undefined

Für einen Wert einstellen, können Sie den Pfad aufgespalten und den Pfad zu reduzieren, indem das entsprechende Objekt zu Fuß. Wenn kein Objekt vorhanden ist, erstellen Sie eine neue Eigenschaft mit dem Namen oder einem Array. Weisen Sie später den Wert zu.

function setValue(object, path, value) { 
 
    var way = path.replace(/\[/g, '.').replace(/\]/g, '').split('.'), 
 
     last = way.pop(); 
 

 
    way.reduce(function (o, k, i, kk) { 
 
     return o[k] = o[k] || (isFinite(i + 1 in kk ? kk[i + 1] : last) ? [] : {}); 
 
    }, object)[last] = value; 
 
} 
 

 
var test = {}; 
 
setValue(test, "foo.name", "Mr. Foo"); 
 
setValue(test, "foo.data[0].bar", 100); 
 
setValue(test, "and.another[2].deep", 20); 
 
console.log(test);