JavaScript如何获取数组中包含指定数字的元素索引

实现一个接收两个入参的函数：

• 第一个入参为目标数字
• 第二个入参为数字数组
  函数返回值规则：返回数组中所有包含指定数字的元素对应的索引组成的数组；如果没有符合条件的元素，返回空数组。

执行以下代码：

console.log(findMatchingIndexes(1, [1, 11, 34, 52, 61]));

终端输出结果为：[0, 1, 4]

JavaScript 版本 #

function fMI(num,arr){
    let digit = arr.toString().split('');
    let realDigit = digit.map(Number);
    console.log("Is RealDigit an array: ",Array.isArray(realDigit));
    console.log(realDigit.filter((v,i,a) => (v==num)? i:''));
}

fMI(1,[1, 11, 34, 52, 61]);

TypeScript 版本 #

function fMI(num:number,arr:number[]){
       let digit = arr.toString().split('');
       let realDigit = digit.map(Number);
       console.log("Is RealDigit an array: ",Array.isArray(realDigit));
       console.log(realDigit.filter((v,i,a) => (v==num)? i:''));
}

fMI(1,[1, 11, 34, 52, 61]);

原有实现存在两个核心问题：

1. 数组转字符串的逻辑错误：直接对整个数组调用toString()会把所有元素和元素间的逗号拼接成一整个字符串，拆分后得到的字符序列完全丢失了和原数组元素的索引对应关系，甚至会把分隔用的逗号也当成待处理的字符。
2. filter方法使用逻辑错误：filter的回调返回值是布尔类型，用来判断当前遍历项是否要保留，原有代码在匹配时返回索引、不匹配时返回空字符串，最终保留的是匹配到的数字本身，完全不是原数组的索引值，自然无法得到预期结果。

JavaScript 版本 #

function findMatchingIndexes(num, arr) {
  const target = String(num);
  const res = [];
  for (let i = 0; i < arr.length; i++) {
    if (String(arr[i]).includes(target)) {
      res.push(i);
    }
  }
  return res;
}

// 测试
console.log(findMatchingIndexes(1, [1, 11, 34, 52, 61])); // 输出 [0,1,4]

TypeScript 版本 #

function findMatchingIndexes(num: number, arr: number[]): number[] {
  const target = String(num);
  const res: number[] = [];
  for (let i = 0; i < arr.length; i++) {
    if (String(arr[i]).includes(target)) {
      res.push(i);
    }
  }
  return res;
}

// 测试
console.log(findMatchingIndexes(1, [1, 11, 34, 52, 61])); // 输出 [0,1,4]

内容的提问来源于stack exchange，提问作者Csokán Pál András