通过使用JS插入/更新值来过滤数组数据

Question

我在JS中有以下对象：

[{date: "2019-03-10", roomid: 48, status: "Open"}, {date: "2019-03-11", roomid: 47, status: "Open"}, {date: "2019-03-20", roomid: 48, status: "Book"}]

我该怎么检查：

• 如果值roomid和date已经存在，请更新status。
• 如果值roomid和date不存在，则推送新数据。

-

我尝试过的：

arr = arr.filter(a => a.date != $(this).data('date') && a.roomid != $(this).data('roomid'));
arr.push({
    date: date,
    roomid : roomid,
    status : updatedStatus
});

我将这个对象与几个div的点击进行比较：

<div data-action="change_status" data-date="2019-03-02" data-roomid="45" data-status="Close">Change status</div>
<div data-action="change_status" data-date="2019-03-02" data-roomid="46" data-status="Open">Change status</div>
<div data-action="change_status" data-date="2019-03-03" data-roomid="46" data-status="Close">Change status</div>
<div data-action="change_status" data-date="2019-03-03" data-roomid="47" data-status="Open">Change status</div>

var status = $(this).data('status');
var date   = $(this).data('date');
var roomid = $(this).data('roomid');

但它不起作用。

你知道为什么吗 ？

Answer 1

集合将是更好的选择，但如果必须使用数组，则可以使用函数来查明对象的索引，然后只使用该索引来更新或推送新数据。以下函数原理来自github上的lodash repo：https://github.com/lodash/

function findIndex(array, predicate, fromIndex) {
   var length = array == null ? 0 : array.length;
   if (!length) {
      return -1;
   }
   var index = fromIndex == null ? 0 : toInteger(fromIndex);
   if (index < 0) {
      index = nativeMax(length + index, 0);
   }
   return baseFindIndex(array, getIteratee(predicate, 3), index);
}

我会做的是：

let idx = findIndex( arr, a => {
   return (a.date != $(this).data('date') && a.roomid != $(this).data('roomid'));
})

if (idx != -1) {
   //update
   arr[idx].status = "new status"
}

else {
   //push new
   arr.push({
    date: date,
    roomid : roomid,
    status : updatedStatus
});
}

Answer 2

将日期作为相同的对象类型。而不是让“a => a.date”将参数的两个部分都作为日期对象，然后使用valueOf（）函数。

var date1 = new Date(a.date);

然后检查它们

if (date1.valueOf() => date2.valueOf()) // do something