获取满足条件的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')
)