EcmaScript6 findIndex 方法，它可以返回多个值吗？

Question

在学习 ES6 时，我试图在 Array 上查找多个项目的索引，但我只得到了与我的条件或回调函数匹配的第一个项目的索引。

示例： 我有一个年龄数组，我想要所有年龄大于或等于 18 的索引。

let ages = [12,15, 18, 17, 21];
console.log(`Over 18: ${ages.findIndex(item => item >= 18)}`);
// output that i'm looking: [2,4]
// output that is coming: 2

所以我想了解Array.prototype.findIndex() 方法是否只返回匹配的第一个项目的单个索引，或者-1 是任何满足条件的项目。我们如何使用 ES6 来做到这一点？

---

谢谢

Answer 1

您可以在这里使用.map() 方法，例如：

let ages = [12, 15, 18, 17, 21];
let indexes = ages.map((elm, idx) => elm >= 18 ? idx : '').filter(String);
console.log( indexes );

.map() 方法的语法如下：

var new_array = arr.map(function callback(currentValue[, index[, array]]) {
    // Return element for new_array
}[, thisArg])

我们可以使用currentValue 和index 来满足我们的要求。

它的通用函数可以是：

const ages = [12, 15, 18, 17, 21];
const getAllIndexes = (arr, val) => {
  return arr.map((elm, idx) => elm >= val ? idx : '').filter(String);
}

console.log(getAllIndexes(ages, 18));
console.log(getAllIndexes(ages, 17));

Answer 2

findIndex() 方法返回 first 元素在 满足提供的测试功能的数组。否则 -1 是 返回。

一个选项是改用reduce。如果数字大于等于18，使用concat将索引添加到累加器

let ages = [12, 15, 18, 17, 21];

let result = ages.reduce((c, v, i) => v >= 18 ? c.concat(i) : c, []);

console.log(result);

Answer 3

只需使用Array.reduce() 并使所有年龄大于18 的索引数组。

let ages = [12,15, 18, 17, 21];
var result = ages.reduce((a,curr,index)=>{
  if(curr >= 18)
    a.push(index);
  return a;
},[]);
console.log(result);