javascript - 获取满足条件的javascript数组元素的索引

Question

我有一个这样的数组:

[{prop1:"abc",prop2:"qwe"},{prop1:"abc",prop2:"yutu"},{prop1:"xyz",prop2:"qwrq"}]

我想获取所有满足条件的元素的索引；在这种情况下，当 prop1 == "abc" 时。因此，所需的输出类似于 [0,1]。

正在努力寻找一种干净的方法来做到这一点？indexes = a.findIndex(x => x.prop1==="abc") 将为上述数组返回 0，因为它会在第一次成功找到时停止。

我觉得我想要这样的东西:indexes = a.filtered(x.index() => x.prop1==="abc")

Answer 1

您可以使用 Array#reduce方法。

var data = [{prop1:"abc",prop2:"qwe"},{prop1:"abc",prop2:"yutu"},{prop1:"xyz",prop2:"qwrq"}];

console.log(
  data.reduce(function(arr, e, i) {
    if (e.prop1 == 'abc') arr.push(i);
    return arr;
  }, [])
)

// with ES6 arrow syntax
console.log(
  data.reduce((arr, e, i) => ((e.prop1 == 'abc') && arr.push(i), arr), [])
)

---

使用简单的 for 循环

var data = [{prop1:"abc",prop2:"qwe"},{prop1:"abc",prop2:"yutu"},{prop1:"xyz",prop2:"qwrq"}];

var res = [];

for (var i = 0; i < data.length; i++) {
  if (data[i].prop1 == 'abc') res.push(i);
}

console.log(res)

---

或者使用Array#filter与 Array#map方法(不是一种有效的方法，因为它需要迭代两次)。

var data = [{prop1:"abc",prop2:"qwe"},{prop1:"abc",prop2:"yutu"},{prop1:"xyz",prop2:"qwrq"}];


console.log(
  data.map(function(e, i) {
    return i;
  }).filter(function(e) {
    return data[e].prop1 == 'abc';
  })
)

// With ES6 arrow syntax
console.log(
  data.map((_, i) => i).filter(e => data[e].prop1 == 'abc')
)