Как включить удаленные элементы массива при использовании преобразования lodash - PullRequest
Новая
       6

Как включить удаленные элементы массива при использовании преобразования lodash

0 голосов
/ 09 ноября 2018

Я использую преобразование lodash, чтобы сгенерировать сообщение об изменении, сравнивая два объекта.Мне нужно определить, был ли элемент удален из массива, и включить его в сообщение об изменении.Как я могу вернуть удаленный элемент обратно в измененный массив?

var lhs = {
  "Income": [{
      "Id": 1,
      "MonthlyIncome": 5000,
      "Type": "Base"
    },
    {
      "Id": 2,
      "MonthlyIncome": 1000,
      "Type": "Overtime"
    }
  ]
};
var rhs = {
  "Income": [{
      "Id": 1,
      "MonthlyIncome": 5000,
      "Type": "Base"
    },
    {
      "Id": 0,
      "MonthlyIncome": 500,
      "Type": "Other"
    }
  ]
};

function difference(base, object) {
  function changes(object, base) {
    return _.transform(object, function(result, value, key) {
      if (!_.isEqual(value, base[key]) || key === 'Id') {
        if (!_.isEqual(value, base[key]) && key === "Id") {

          //The item at this position has been removed,
          //but needs to be include in the change message  
          //How to push this item onto the array ?
          var removedItem = {
            Id: base[key],
            Action: "remove"
          }
        }
        result[key] =
          _.isObject(value) && _.isObject(base[key]) ?
          changes(value, base[key]) :
          value;
      }
    });
  }
  return changes(object, base);
}

var changeMessage = JSON.stringify(difference(lhs, rhs));

console.log(changeMessage);
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.11/lodash.min.js"></script>

Ожидаемый результат для измененияMessage 

{
    "Income": [
        {
            "Id": 0,
            "MonthlyIncome": 500,
            "Type": "Other"
        },
        {
            "Id": 2,
            "Action": "remove"
        }
    ]
}

Ответы [ 2 ]

0 голосов
/ 09 ноября 2018

Вы также можете достичь того же с помощью lodash: 

var ld = { "Income": [{ "Id": 1, "MonthlyIncome": 5000, "Type": "Base" }, { "Id": 2, "MonthlyIncome": 1000, "Type": "Overtime" } ] }; var rd = { "Income": [{ "Id": 1, "MonthlyIncome": 5000, "Type": "Base" }, { "Id": 0, "MonthlyIncome": 500, "Type": "Other" } ] };

const changes = (a,b) => 
  _.filter(_.values(b.Income), x => !_.includes(_.mapValues(a.Income, 'Id'),x.Id))

const compare = (l,r) => {
  var plus = changes(l,r)
  var minus = _.map(changes(r,l), ({Id}) => ({ Id, Action: "remove" }))
  return [...plus, ...minus]
}

console.log(compare(ld,rd))
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>

То же самое с ES6: 

var ld = { "Income": [{ "Id": 1, "MonthlyIncome": 5000, "Type": "Base" }, { "Id": 2, "MonthlyIncome": 1000, "Type": "Overtime" } ] }; var rd = { "Income": [{ "Id": 1, "MonthlyIncome": 5000, "Type": "Base" }, { "Id": 0, "MonthlyIncome": 500, "Type": "Other" } ] };

const ids = d => d.map(x => x.Id)
const changes = (a,b) => 
    Object.values(b.Income).filter(x => !ids(a.Income).includes(x.Id))

const compare = (l,r) => {
  var plus = changes(l,r)
  var minus = changes(r,l).map(({Id}) => ({ Id, Action: "Removed" }))
  return [...plus, ...minus]
}

console.log(compare(ld,rd))
0 голосов
/ 09 ноября 2018

Шкатулка removedItem в result. 

var lhs = {
  "Income": [{
      "Id": 1,
      "MonthlyIncome": 5000,
      "Type": "Base"
    },
    {
      "Id": 2,
      "MonthlyIncome": 1000,
      "Type": "Overtime"
    }
  ]
};
var rhs = {
  "Income": [{
      "Id": 1,
      "MonthlyIncome": 5000,
      "Type": "Base"
    },
    {
      "Id": 0,
      "MonthlyIncome": 500,
      "Type": "Other"
    }
  ]
};

function difference(base, object) {
  function changes(object, base) {
    return _.transform(object, function(result, value, key) {
      if (!_.isEqual(value, base[key]) || key === 'Id') {
        if (!_.isEqual(value, base[key]) && key === "Id") {

          // stash the removedItem to the result
          result.removedItem = {
            Id: base[key],
            Action: "remove"
          }
        }
        result[key] =
          _.isObject(value) && _.isObject(base[key]) ?
          changes(value, base[key]) :
          value;
      }
    });
  }
  return changes(object, base);
}

var changeMessage = JSON.stringify(difference(lhs, rhs));

console.log(changeMessage);
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.11/lodash.min.js"></script>
...