Einfaches Hinzufügen von Teilvariablen in Objekt?

Question

Das ist wahrscheinlich eine einfache Antwort, aber ich lerne immer noch so hier gehe ich. Ich habe einen Objektfarbton, den Sie unten sehen können. Ich habe auch ein HTML-Wertelement, das ich versuche, den Wert zu teilen und es in mein Objekt zu legen.

Allerdings versucht es, zu shade.color.fill hinzuzufügen, die nicht austritt, ich brauche es stattdessen zu shade.color.cord hinzuzufügen.

value="type|Color" 

Javascript

var obj = { 
    color: { 
     Type: null 
    } 
} 

var fill = this.getAttribute('value').split("|"); 
shade.color.fill[0] = fill[1]; 
console.log(obj.type.color); 

Fehler:

TypeError: obj.type.fill is undefined 

Answer 1

Wenn Sie tun, was ich denke, was Sie tun müssen, sollte dies im Gegensatz arbeiten (Verwendung eckige Klammer-Notation Notation Punkt um den Namen dynamisch zu setzen):

var shade = { 
    color: { 
     cord: null 
    } 
} 

var fill = this.getAttribute('value').split("|"); 
shade.color[fill[0]] = fill[1]; 
console.log(shade.color.cord);