當設置了另一個對象的屬性時自動更新JavaScript對象屬性

Question

我有一個對象數組，每個對象都包含一個名爲title的屬性。
title屬性可以保存兩個可能的字符串值之一 - "main"或"local"。數組中只有一個元素可以具有"main"作爲其title值，其餘元素應將其title屬性設置爲"local"。

例如，採取以下陣列：

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

當place:"USA"對象的title屬性設置爲"main」，我想place:"UK"對象的title屬性被自動設置爲"local"

如何實現。這與JavaScript？

Answer 1

一種方法是將所有title值設置爲local，然後將所需的對象設置爲main。 另一種方法是記住哪個索引當前設置爲main，並在需要更改main時將其恢復爲本地。

Answer 2

下面將回報您的數組的副本與所需的更改：

隨着ES6 /巴貝爾：

// Example: 
somePlace = 'USA'; 

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

香草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"; 
}