如何将 map / foreach 与相邻项目一起使用？

Question

比较对象数组中的两个相似值有点麻烦。

例如，我有以下对象数组：

let Activities = [
  {
    "_id": "r6cDEGoW6v6WCWR2M",
    createdAt: ISODate("2018-12-29T21:43:49.723Z"),
    comment: 'my comment 1'
  },
  {
    "_id": "JaMSF88t8o5tMC8GM",
    createdAt: ISODate("2018-12-30T21:43:49.723Z"),
    comment: 'my comment 2'
  }
]

我想检查 Activity[0] 的 createdAt 日期是否比 Activity[1] 的日期短一天（确实如此），如果是的话，只需 console.log("Yesterday");

我一直在尝试使用 Map 和 Foreach，但不知道如何一次访问数组中的相邻项来比较它们，因为这些方法似乎都不需要索引参数来迭代。有道理吗？

Answer 1

forEach 可以带其他参数，包括索引和源数组。我不得不存根 ISODate 并进行原始字符串比较，但这应该会给你正确的想法。

const ISODate = date => date;

let activities = [
  {
    "_id": "r6cDEGoW6v6WCWR2M",
    createdAt: ISODate("2018-12-29T21:43:49.723Z"),
    comment: 'my comment 1'
  },
  {
    "_id": "JaMSF88t8o5tMC8GM",
    createdAt: ISODate("2018-12-30T21:43:49.723Z"),
    comment: 'my comment 2'
  }
];

activities.forEach((activity, index, src) => {
  if (index < src.length - 1) {
    const nextActivity = src[index + 1];
    if (activity.createdAt < nextActivity.createdAt) {
      console.log('yesterday');
    }
  }
});

如果这是为了反应，那么最好通过array::map 函数运行您的数组。类似于：

activities.map((activity, index, src) => {
  let dateChange;
  if (index < src.length - 1) {
    const nextActivity = src[index + 1];
    dateChange = activity.createdAt < nextActivity.createdAt;
  }
  return (
    <Fragment key={ `${activity.createdAt}-${index}` }>
      <Activity { ...activity }/>
      { dateChange && <Divider />}
    </Fragment>
  );
});