Métodos de búsqueda con includes(), indexOf() y lastIndexOf()

Clase 63 de 80Curso de JavaScript Desde Cero

Contenido del curso

Primeros Pasos

Funciones y This

Resumen

¿Cómo buscar elementos en arrays con facilidad?

Iniciar con programación puede parecer desafiante, pero dominar la manipulación de arrays es una habilidad esencial. Los métodos como includes, indexOf y lastIndexOf son herramientas poderosas que facilitan el trabajo con arrays de formas efectivas y sencillas. En este aprendizaje te explicaremos cómo utilizarlos en sencillos pasos.

¿Qué es el método includes?

El método includes se utiliza para verificar si un array contiene un elemento específico. Es muy útil cuando necesitas confirmar la existencia de un valor dentro de una colección de datos. He aquí un ejemplo sencillo:

const numbers = [1, 2, 3, 4, 5]; const resultado1 = numbers.includes(3); console.log(resultado1); // Output: true const resultado2 = numbers.includes(8); console.log(resultado2); // Output: false

Como vemos, si el array contiene el número solicitado, devolverá true; de lo contrario, false. Esta es una forma rápida de validar la presencia de un elemento.

¿Cómo funciona indexOf?

indexOf es otro método útil que nos indica la posición o índice de un elemento dentro de un array. Devuelve el primer índice en el que se encuentra dicho elemento o -1 si no lo está. Así es cómo se implementa en código:

const frutas = ['apple', 'cherry', 'grape', 'mango']; const index1 = frutas.indexOf('grape'); console.log(index1); // Output: 2 const index2 = frutas.indexOf('blueberry'); console.log(index2); // Output: -1

En este caso, indexOf encuentra grape en la posición 2, y dado que blueberry no está, devuelve -1. Este método es clave para localizar elementos rápidamente.

¿Qué es lastIndexOf?

En situaciones donde existen elementos repetidos, lastIndexOf localiza la última aparición del elemento en el array. Esto nos proporciona flexibilidad al trabajar con datos repetidos. Veámoslo en acción:

const numbers = [2, 4, 6, 8, 6, 10]; const lastIndex1 = numbers.lastIndexOf(6); console.log(lastIndex1); // Output: 4 const lastIndex2 = numbers.lastIndexOf(3); console.log(lastIndex2); // Output: -1

Aquí, lastIndexOf nos muestra que la última posición de 6 es el índice 4 mientras que el 3, que no está presente, nos retorna -1.

Recomendaciones para el uso efectivo de estos métodos

  • Claridad: Antes de implementar estos métodos, confirma el propósito y el tipo de datos dentro del array.
  • Manera óptima: Utiliza includes para simples verificaciones de existencia. Recurre a indexOf para conocer posiciones precisas.
  • Repeticiones: Cuando trabajes con duplicados, lastIndexOf te puede dar una perspectiva útil sobre la ubicación final de los datos.

Este conocimiento te ayudará a acelerar tus tareas de búsqueda y manipulación de datos, lo que se traducirá en un código más eficiente y claro. ¡Continúa practicando y explorando estas herramientas para convertirte en un experto en arrays!