Header Ads Widget

Ticker

6/recent/ticker-posts

JavaScript ES6 por ejemplo: Array.find () y Array.findIndex ()

 Array.find()Array.findIndex()son dos métodos nuevos en JavaScript ES6. Hacen que la búsqueda de matrices sea más fácil que antes sin escribir códigos y bucles engorrosos.

Veámoslos con más detalle con ejemplos sencillos.

El Array.find()método por ejemplo

El Array.find()método se utiliza para buscar el primer elemento de la matriz que verifica el predicado pasado.

Tomemos este simple ejemplo de una matriz de números :

let myArr = [9, 3, 2, 4, 9, 11, 19];

myArr.find((v)=>{
    return  v % 2 === 0;
});

En este ejemplo, buscamos el primer número par (se puede dividir por cero) en la matriz. En este caso, devolverá 2.

el find()método llama al (v)=>{ return v % 2 === 0;}predicado para cada elemento de la matriz hasta que el predicado devuelve verdadero. En este caso, se devuelve el elemento. Si no se encuentra ningún elemento, undefinedse devuelve.

Nota : Un predicado es simplemente una función que devuelve un valor booleano, es decir, verdadero o falso.

El Array.findIndex()método por ejemplo

El findIndex()método es bastante similar al find()método pero devuelve el índice del elemento en lugar del elemento en sí.

Toma un predicado y devuelve el índice del primer elemento de la matriz que satisface el predicado. Si no existe ningún elemento, -1se devuelve.

Tomemos el ejemplo anterior:

let myArr = [9, 3, 9, 4, 9, 11, 19];

let ind = myArr.findIndex((v)=>{
    return  v % 2 === 0;
});    

if(ind !== -1) {
      console.log("There exists at least one even number in the array: ", myArr[ind])
}

En lugar de devolver 4, el findIndex()método devuelve su índice que es 3.

Guardamos el índice en la indvariable y luego comprobamos si es diferente a -1En este caso, mostramos Existe al menos un número par en la matriz: en la consola junto con el elemento correspondiente al índice devuelto.

Envolver

Hemos visto ejemplos del uso de ES6 Array.find()Array.findIndex()métodos que brindan formas fáciles de buscar un elemento en matrices de JavaScript.

Publicar un comentario

0 Comentarios