如何在JavaScript中查找bug_tab为true的元素里sequence值最大的元素

当然可以实现这个需求！你需要从给定数组里先筛选出bug_tab属性为true的元素，再从中找出sequence值最大的那个，对吧？先来看你的目标数组：

const myTab = [
  { "value": "AHAH", "field": "15", "color": "", "bug_tab": true, "sequence": "40", "text": "slash" },
  { "value": "BABA", "field": "8", "color": "", "bug_tab": true, "sequence": "50", "text": "zip" },
  { "value": "CACA", "field": "25", "color": "", "bug_tab": false, "sequence": "63", "text": "vite" },
  { "value": "DADA", "field": "22", "color": "", "bug_tab": true, "sequence": "66", "text": "meat" },
  { "value": "EVA", "field": "13", "color": "", "bug_tab": true, "sequence": "70", "text": "zut" },
  { "value": "FAFA", "field": "jut", "color": "", "bug_tab": false, "sequence": "90", "text": "cut" }
];

你当前的代码只能定位到第一个bug_tab为true的元素索引，咱们调整下逻辑就能达成目标，这里有两种实用的实现方式：

方法一：使用filter + reduce（推荐，性能更优） #

先筛选出所有符合bug_tab: true的元素，再用reduce遍历找到sequence值最大的项。注意sequence是字符串类型，比较时要转成数字才准确：

// 第一步：筛选出bug_tab为true的元素
const bugTabValidItems = myTab.filter(item => item.bug_tab === true);

// 第二步：用reduce找出sequence最大的元素
if (bugTabValidItems.length === 0) {
  console.log("没有找到bug_tab为true的元素");
} else {
  const maxSequenceItem = bugTabValidItems.reduce((prevItem, currentItem) => {
    // 把字符串类型的sequence转成整数后比较
    return parseInt(currentItem.sequence, 10) > parseInt(prevItem.sequence, 10) ? currentItem : prevItem;
  }, bugTabValidItems[0]); // 初始值设为筛选后的第一个元素

  console.log(maxSequenceItem);
  // 输出结果：{ "value": "EVA", "field": "13", "color": "", "bug_tab": true, "sequence": "70", "text": "zut" }
}

方法二：使用sort排序后取首项 #

先筛选符合条件的元素，再按sequence的数值降序排序，最后取第一个元素即可：

const bugTabValidItems = myTab.filter(item => item.bug_tab === true);

if (bugTabValidItems.length === 0) {
  console.log("没有找到bug_tab为true的元素");
} else {
  // 按sequence的数字值降序排序
  bugTabValidItems.sort((a, b) => parseInt(b.sequence, 10) - parseInt(a.sequence, 10));
  const maxSequenceItem = bugTabValidItems[0];
  console.log(maxSequenceItem);
}

这种方法直观易懂，但排序操作的性能比reduce稍差（数组规模大时更明显），所以更推荐第一种方案。

内容的提问来源于stack exchange，提问作者MasterSinge