使用 map 遍历对象数组直到倒数第二个对象

Question

我有一个对象数组，其中所有对象都具有相同的键，除了最后一个对象。认为数组有值，并且将所有这些值作为一个整体表示，我有一个键，我最终将键与数组中的值一起按下。

homeTask 是一个对象列表，它是值，homeTaskKey 是表示 homeTask 的键

        res.data.resultSet.homeTask.forEach(element => {
                      var singleEvent={
                        task:'',
                        taskDuration:'',
                        status:'',
                      };

                      singleEvent.task=element.task;
                      singleEvent.taskDuration=element.taskDuration;
                      singleEvent.status=element.status;

                      newEvents.push(singleEvent);


                    });
                    newEvents.push(res.data.resultSet.homeTaskKey);


                   addEvent(newEvents);
              }

addEvent 是父组件的 props 方法，我将数组设置为状态变量名称为events，这是数组类型。

当我使用map 迭代events 时，我想跳过最后一个对象，因为它没有任务、taskDuration 和状态等键。因此，当我获取这些值时不会有任何问题。

Answer 1

events.slice(0, events.length-1).map(<function>);

这将忽略最后一个元素，所有 n-1 个条目将被馈送到 map

更新：

数组名称是 events 而不是 event，因此它应该是 events.length

Answer 2

您仍然可以使用map，但只需在地图完成后弹出最后一个元素。例如：

const newEvents = homeTask.map(({ task, taskDuration, status }) => ({
  task, taskDuration, status
}))
newEvents.pop()
addEvent(newEvents)

或者只是用你的任务密钥替换最后一项，因为你知道最后一项将是垃圾：

newEvents[newEvents.length - 1] = res.data.resultSet.homeTaskKey

或者只是 slice 映射之前的数组，然后像你做的那样在最后推送 taskKey。 slice 可以安全地在你的 prop 上执行，因为它是浅拷贝。

---

或者最重要的是，问问自己，为什么你有这个完全奇怪的数据结构，它的最后附加了键。也许重新考虑您的数据，而不是一开始就为自己制造这个问题。

Answer 3

res.data.resultSet.homeTask.forEach((element,index) => {})

函数的第二个参数是你的索引，可以通过将它与数组的总长度进行比较来识别倒数第二个元素。

Answer 4

嗯，你可以试试这个

res.data.resultSet.homeTask.forEach(element => {
    if(!element.task)
        return false;
    ...bla bla bla
}

Answer 5

map() 方法使用为每个数组元素调用函数的结果创建一个新数组。

所以它从源数组创建一个相同长度的数组。

你需要的是 filter() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

类似这样的东西；

const tasks = res.data.resultSet.homeTask.filter((element) => {
  const { task, taskDuration, status } = element;
  return task && taskDuration && status; 
});