findIndex

Emite el índice del primer valor emitido por el Observable fuente que cumple una determinada condición

Signatura

Firma

findIndex<T>(predicate: (value: T, index: number, source: Observable<T>) => boolean, thisArg?: any): OperatorFunction<T, number>

Parámetros

predicate	Una función llamada con cada elemento para comprobar si se cumple o no la condición.
thisArg	Opcional. El valor por defecto es undefined. Un argumento opcional para determinar el valor del this en la función predicate.

Retorna

OperatorFunction<T, number>: Un Observable del índice del primer elemento que cumpla la condición.

Descripción

Es como find, pero emite el índice del valor encontrado, en lugar del propio valor.

findIndex busca el primer elemento del Observable fuente que cumpla la condición especificada en el predicado y retorna su índice (de base cero.) Al contrario que first, el predicado es obligatorio en findIndex, y tampoco emite un error si no encuentra un valor válido.

Ejemplos

Emitir el índice del primer lenguaje de tipo Multiparadigma

StackBlitz

import { findIndex } from "rxjs/operators";
import { from } from "rxjs";

const language$ = from([
  { name: "Java", type: "Orientado a objetos" },
  { name: "Ruby", type: "Multiparadigma" },
  { name: "Haskell", type: "Funcional" },
  { name: "Rust", type: "Multiparadigma" },
]);

language$
  .pipe(findIndex(({ type }) => type === "Multiparadigma"))
  .subscribe(console.log);
// Salida: 1

Emite el índice de la primera vez que se pulse la tecla x

StackBlitz

import { findIndex, map } from "rxjs/operators";
import { fromEvent } from "rxjs";

const key$ = fromEvent<KeyboardEvent>(document, "keydown");

key$
  .pipe(
    map(({ code }) => code),
    findIndex((code) => code === "KeyX")
  )
  .subscribe(console.log);
// Salida: (Pulsar tecla n) (Pulsar tecla f) (Pulsar tecla x) 2

Ejemplo de la documentación oficial

Emite el índice del primer click que ocurre en un elemento DIV

import { fromEvent } from "rxjs";
import { findIndex } from "rxjs/operators";

const clicks = fromEvent(document, "click");
const result = clicks.pipe(findIndex((ev) => ev.target.tagName === "DIV"));
result.subscribe((x) => console.log(x));

Documentación oficial en inglés