automatisch aktualisieren Objekteigenschaft JavaScript, wenn eine andere Eigenschaft des Objekts

Question

gesetzt Ich habe ein Array von Objekten, die jeweils eine Eigenschaft title Namen enthält.
Die title Eigenschaft kann einen von zwei möglichen Stringwerte halten - "main" oder "local". Nur ein einziges Element in der Anordnung kann zu einem gegebenen Zeitpunkt als "main"title Wert hat, und der Rest der Elemente sollte ihre title Eigenschaft auf "local" gesetzt hat.

Nehmen Sie zum Beispiel die folgende Array:

var locations = [ 
    { 
    title:"main", 
    place:"UK" 
    }, 
{ 
    title:"local", 
    place:"USA" 
    }, 
{ 
    title:"local", 
    place:"RUSSIA" 
    } 
] 

Wenn die place:"USA"title Eigenschaft auf "main“Objekteinstellung, ich will place:"UK" Objekt title Eigenschaft automatisch auf "local" gesetzt werden

Wie zu erreichen. dies mit Javascript?

Answer 1

Eine Möglichkeit, dies zu tun, wird alle title Werte local, bevor das gewünschte Objekt auf main gesetzt wird. Eine weitere Möglichkeit, sich daran zu erinnern, welcher Index derzeit main gesetzt ist und es zu lokalen zurückkehren, wenn main geändert werden soll.

Answer 2

Im Folgenden wird eine Kopie Ihrer Array mit den gewünschten Änderungen zurück:

Mit ES6/Babel:

// Example: 
somePlace = 'USA'; 

const newLocations = locations.map(l => 
    { ...l, title: l.place === somePlace ? 'main' : 'local' } 
); 

mit Vanille JS/Lodash:

// Example: 
somePlace = 'USA'; 

var newLocations = _.map(locations, function (l) { 
    return _.assign({}, l, { title: l.place === somePlace ? 'main' : 'local' }); 
); 

Answer 3

var newMainIndex = 2; 
var locations = [ 
    { 
    title:"main", 
    place:"UK" 
    }, 
{ 
    title:"local", 
    place:"USA" 
    }, 
{ 
    title:"local", 
    place:"RUSSIA" 
    } 
]; 

for(var i=0, len=locations.length;i<len;i++){ 
    locations[i].title = i === newMainIndex ? "main" : "local"; 
}