ts+js 数组findIndex问题

Question

ts+js 数组findIndex问题

closeTab(state: any, payload: any) {
    const index = state.selectMenu.findIndex((item: any) => {
      item.name === payload.name;
    });
    state.selectMenu.splice(index, 1);
  },

我写了一个删除tab的函数selectMenu为一个数组这种写法的返回值一直是-1
求老哥回答

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

解答

你遇到的问题是 TypeScript 和 JavaScript 中数组 findIndex 方法的使用问题。

在 TypeScript 中，findIndex 方法的类型是 (predicate: (value: T, index: number, array: readonly T[]) => boolean) => number | undefined，其中 predicate 是一个函数，用于判断数组中的每个元素是否满足某个条件。

在你的代码中，state.selectMenu 是一个数组，你想使用 findIndex 方法来找到数组中满足某个条件的元素的索引。

问题可能出现在 findIndex 方法的使用上，你可能没有正确地传递函数作为 predicate 参数。

解决方案：

1. 检查 state.selectMenu 是否是一个数组，如果不是，请检查类型是否正确。
2. 检查 predicate 函数是否正确地实现了判断条件，如果不是，请检查函数的返回值是否正确。
3. 如果以上步骤都没有问题，请检查 findIndex 方法的使用是否正确，例如：

const index = state.selectMenu.findIndex((item) => item === payload);

其中 item 是数组中的每个元素，payload 是你想要查找的元素。

如果你仍然遇到问题，请提供更多的代码和错误信息，我将尽力帮助你解决问题。