如何在javascript（lodash）中替換對象數組中的對象

Question

我有以下對象數組：

var arr = [
  {
    id    : "a1",
    guid  : "sdfsfd",
    ...
    value : "abc",
    status: false
  },
  {
    id    : "a2",
    guid  : "sdfsfd",
    ...
    value : "def",
    status: true
  },
  ...
]

我有這個對象：

var obj = {
  id      : "a1",
  guid    : "sdfsfd",
  ...
  value   : "xyz",
  status  :  true
}

我需要用“id”相同的對象替換數組中的對象。 因此得到的數組將是：

var arr = [
  {
    id    : "a1",
    guid  : "sdfsfd",
    ...
    value : "xyz",
    status: true
  },
  {
    id    : "a2",
    guid  : "sdfsfd",
    ...
    value : "def",
    status: true
  },
  ...
]

另外，如果具有該id的對象不存在，我需要將該對象添加到數組中。

如何使用最少的lodash代碼實現這一目標 ？ 尋找類似的東西

arr = _.merge_by_key(arr,obj,"id");

Answer 1

你可以用_.unionBy

var res = _.unionBy([obj], arr, 'id');

但請在此評論中查看備注

Answer 2

你可以使用.findIndex()

var i = arr.findIndex(o => o.id === obj.id);
if (arr[i]) { arr[i] = obj } else { arr.push(obj) };

Answer 3

您可以將_.findIndex與_.matchesProperty簡寫一起使用：

var index = _.findIndex(arr, ['id', obj.id]);
arr[index >= 0 ? index : arr.length] = obj;

 var arr = [{ id: "a1", guid: "sdfsfd", value: "abc", status: false }, { id: "a2", guid: "sdfsfd", value: "def", status: true }]; var obj = { id : "a1", guid : "sdfsfd", value : "xyz", status : true }; var index = _.findIndex(arr, ['id', obj.id]); arr[index >= 0 ? index : arr.length] = obj; console.log(arr); 

 .as-console-wrapper { min-height: 100% !important; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script> 

Answer 4

這是一個使用keyBy創建對象的lodash解決方案，其中集合中的每個項目由其id表示， 設置為覆蓋新對象或可能添加新對象，最后是值以獲取對象的數組表示。

var result = _(arr).keyBy('id').set(obj.id, obj).values().value();

 var arr = [ { id : "a1", guid : "sdfsfd", value : "abc", status: false }, { id : "a2", guid : "sdfsfd", value : "def", status: true } ]; var obj = { id : "a1", guid : "sdfsfd", value : "xyz", status : true } var result = _(arr).keyBy('id').set(obj.id, obj).values().value(); console.log(result); 

 body > div { min-height: 100%; top: 0; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script> 

Answer 5

你可以循環並使用'拼接'功能：

var added = false;
for(var i=0;i<arr.length; i++){
   if(arr[i].id === obj.id){
        arr.splice(i,1,obj);
        added = true;
        break;
   }
}

if(!added) arr.push(obj);

編輯：錯過了附加條件