O retorno sempre igual a 0 que você está tendo é por causa que seu map()
está sendo feito em um novo array retornado pelo filter()
, que é apenas um array contendo os elementos que atenderam o critério da callback, no caso do exemplo apenas um elemento.
O indexOf()
vai retornar apenas o index do primeiro elemento que atender o critério da callback. Caso sempre tenha apenas 1 elemento que você busque, problema nenhum de usar. Porém se não for esse o caso e você quiser achar o index de um ou mais elementos de um mesmo array, terá problema.
Uma solução seria implementar uma nova função no prototype do Array, inspirada no findIndex()
que já existe, como o código abaixo:
Array.prototype.findAllIndex = function(predicate) {
if (this === null) {
throw new TypeError('Array.prototype.findIndex called on null or undefined');
}
if (typeof predicate !== 'function') {
throw new TypeError('predicate must be a function');
}
var list = Object(this);
var length = list.length >>> 0;
var thisArg = arguments[1];
var value;
var indexs = [];
for (var i = 0; i < length; i++) {
value = list[i];
if (predicate.call(thisArg, value, i, list)) {
indexs.push(i);
}
}
return indexs.length > 0 ? indexs : -1;
};
Essa nova função do array vai retornar um array de todos os index dos elementos compatíveis com seu critério na callback ou retorna -1
caso não encontre nenhum elemento compatível.
Você pode chamar essa nova função da seguinte maneira:
this.array.findAllIndex(o => o.bestOffer);
O findIndex()
também só retorna o index do primeiro elemento compatível com o critério da callback, não sendo viável para seu uso caso você queira retornar o index de mais de um elemento no array.
Espero que tenha ficado claro e isso te ajude.