JavaScript数组find方法中return true与return item的区别及最佳实践

先明确核心逻辑 #

Array.find()的回调本质是个匹配判断器——它只关注返回值能否被转为布尔值：只要是真值，就会把当前元素作为find的结果返回；假值则跳过继续查找。

两种写法的具体区别 #

1. 第一种写法：

const comment = comments.find(function (comment) {
    if (comment.id === 823423) {
        return true;
    }
});

这里明确返回布尔值true，完全贴合find方法的设计意图：直白告诉方法「这个元素就是我要找的」，语义清晰，没有任何歧义。

2. 第二种写法：

const comment = comments.find(function (comment) {
    if (comment.id === 823423) {
        return comment;
    }
});

这里返回的是comment对象本身，由于JS里普通对象属于真值，所以find会把它判定为「匹配成功」，因此结果和第一种一致。但存在两个问题：

• 语义模糊：其他开发者看代码时会困惑——你返回元素本身是故意的？还是写错了？
• 潜在bug风险：如果场景变化，匹配到的元素是null/undefined这类假值对象，返回它会被find判定为「不匹配」，导致本该找到的元素被漏掉，而第一种写法返回true就不会出现这个问题。

最佳实践 #

优先选择第一种写法，或者更简洁的简化版（直接返回判断表达式，省去冗余的if）：

const comment = comments.find(comment => comment.id === 823423);

这种写法既简洁，又完全符合find的设计逻辑，可读性拉满。

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