最近在处理一个看似简单的数组删除操作时，遇到了一个非常让人困惑的 Bug。我的目标是根据对象的 caseId 从数组 allCaseDataList 中移除一个元素。
我的原始代码片段如下：
// 查找索引
const index = this.allCaseDataList.indexOf(item => (item.caseId.toString() === caseId.toString()));// 调试输出
for(let i=0; i<this.allCaseDataList.length; i++){
console.log("对比结果: "+this.allCaseDataList[i].caseId.toString() == caseId.toString());
}
控制台的输出让我陷入了巨大的困惑：删除index 总是 -1，而我在循环中明明看到两个 caseId 打印出来是相等的，但 对比结果 却显示 false。
经过排查，发现这里叠加了两个非常经典的 JavaScript 陷阱：
陷阱一：indexOf 的错误用法
问题： Array.prototype.indexOf() 无法接受回调函数作为参数来进行复杂查找。它只能查找数组中完全相等的元素。 后果： 由于我传入了一个函数作为参数，indexOf 找不到这个函数在数组中的位置，所以总是返回 -1，导致核心删除逻辑失败。 解决方案： 应该使用 Array.prototype.findIndex() 来实现基于属性的条件查找：
JavaScript
const index = this.allCaseDataList.findIndex(item => (item.caseId.toString() === caseId.toString()));
陷阱二：console.log 中的运算符优先级
问题： 为什么我在控制台看到的两个 caseId 相等，但比较结果却是 false？这是因为在 console.log 语句中，字符串拼接操作符 + 的优先级高于相等比较操作符 ==。
我的代码： console.log("对比结果: "+this.allCaseDataList[i].caseId.toString() == caseId.toString());
JavaScript 会先执行左侧的拼接，生成一个超长的字符串，例如 "对比结果: 1971113746458480640"。然后再用这个长字符串去和右侧的 caseId 字符串进行比较，结果自然是 false。
解决方案： 必须使用括号来强制先执行比较操作：
JavaScript
console.log("对比结果: " + (this.allCaseDataList[i].caseId.toString() == caseId.toString()));
总结： 在这个案例中，indexOf 的错误用法导致了功能失败，而 console.log 的优先级问题则严重干扰了我的调试判断。这两个错误的叠加，让原本简单的问题变得异常复杂。通过这次经历，再次提醒我们，在进行 JavaScript 调试时，一定要警惕运算符优先级和原生方法的正确用法。
