如何用ES6高阶函数链查找首个含指定SKU子元素的对象的数组索引？

嘿，我懂你想要的那种简洁链式调用的写法！确实forEach没法提前返回，在这种场景下有点鸡肋，而findIndex+some的组合刚好能完美解决你的需求，代码还特别清爽。

核心实现方案 #

直接用findIndex遍历collectionA，在回调里通过some检查当前元素的children数组是否存在符合条件的子元素：

// 找到第一个children中存在sku="someVal"的元素的索引
const targetIndex = collectionA.findIndex(item => 
  item.children.some(child => child.sku === "someVal")
);

为什么这个方案这么好用？ #

• 提前终止遍历：findIndex会在找到第一个满足条件的元素后立刻停止遍历，完美解决forEach无法中断的问题；some同样会在找到匹配的子元素后停止遍历，性能拉满。
• 语义化极强：findIndex明确表达“找索引”的意图，some明确表达“是否存在至少一个匹配项”，读代码就像读自然语言一样顺畅。
• 极简链式写法：一行代码搞定，比嵌套循环简洁太多，后续维护成本也低。

补充：应对多层嵌套的children结构 #

如果你的数据是多层嵌套（比如item.children里的元素还有自己的children），可以写个递归辅助函数来处理：

const hasMatchingSku = (children, targetSku) => {
  return children.some(child => {
    if (child.sku === targetSku) return true;
    // 如果当前子元素还有children，递归检查深层结构
    return child.children ? hasMatchingSku(child.children, targetSku) : false;
  });
};

const targetIndex = collectionA.findIndex(item => 
  hasMatchingSku(item.children, "someVal")
);

这个扩展方案能应对更复杂的嵌套场景，同样保持了高阶函数的优雅风格。

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