如何编写接收数组与元素为参数、返回指定元素索引的JS函数？

原代码的问题分析 #

你写的这段代码语法本身没有错误，运行结果不符合预期通常是Array.indexOf()的内置特性和参数命名问题导致的：

• 参数命名有歧义：第二个参数是待查找的目标元素，命名为idx（索引的常用缩写）容易引发误解，建议调整为语义化命名
• 仅支持基础类型元素匹配：内部采用严格相等（===）判断，遇到引用类型元素（对象、数组、函数等）时，只会对比内存地址，无法匹配内容相同但引用不同的元素
• 仅返回第一个匹配项的索引，如果需要获取所有匹配元素的索引无法满足
• 匹配不到元素时返回-1，部分业务场景下可能需要返回null、undefined这类更符合语义的空值标识，避免和有效索引0混淆

不同需求场景的修正方案 #

方案1：仅返回首个匹配索引，兼容引用类型匹配

如果只需要返回第一个匹配项的索引，同时支持按内容匹配引用类型，可以自定义判断逻辑：

function findPosition(arr, target, enableDeepEqual = false) {
  // 基础类型快速匹配
  if (!enableDeepEqual) {
    const index = arr.indexOf(target)
    return index === -1 ? null : index
  }
  // 简易引用类型深比较，复杂场景建议替换为成熟的深比较函数
  for (let i = 0; i < arr.length; i++) {
    if (JSON.stringify(arr[i]) === JSON.stringify(target)) {
      return i
    }
  }
  return null
}

注：示例中用JSON.stringify做深比较仅适用于普通对象/数组，遇到日期、正则、函数等特殊类型会出现匹配偏差，可根据业务需要替换对应的比较规则

方案2：返回所有匹配元素的索引

如果需要获取所有符合条件的元素索引，可以改写为：

function findAllPositions(arr, target, enableDeepEqual = false) {
  const result = []
  const compare = enableDeepEqual 
    ? (a, b) => JSON.stringify(a) === JSON.stringify(b)
    : (a, b) => a === b

  for (let i = 0; i < arr.length; i++) {
    if (compare(arr[i], target)) {
      result.push(i)
    }
  }
  return result.length ? result : null
}

方案3：仅处理基础类型场景，最小化修改

如果你的使用场景仅涉及基础类型元素匹配，直接调整原代码的返回值语义即可：

function findPosition(arr, target) {
  const index = arr.indexOf(target)
  // 可根据业务需要调整匹配失败的返回值，比如保留-1或改为undefined
  return index === -1 ? null : index
}

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