Métodos de Array Parte 2
Parte de la sección Fundamentos del Journey de JavaScript de Coddy — lección 61 de 77.
Los arrays tienen más métodos integrados que pueden ayudarnos con tareas comunes. Aquí hay algunos de ellos:
sort()- ordena los elementos de un array.
reverse()- invierte el orden de los elementos en un array.
indexOf(element)- devuelve el índice de la primera aparición de un elemento en el array, o -1 si no se encuentra.
lastIndexOf(element)- devuelve el índice de la última aparición de un elemento en el array, o -1 si no se encuentra.
includes(element)- devuelvetruesi el array contiene el elemento especificado, de lo contrario devuelvefalse.
Aquí hay un ejemplo de cómo usar el método sort:
let myArray = ["orange", "banana", "apple"];
myArray.sort();
console.log(myArray);Esto mostrará ["apple", "banana", "orange"].
Ejemplo del método reverse:
let myArray = [1, 2, 3, 4, 5];
myArray.reverse();
console.log(myArray);Esto producirá [5, 4, 3, 2, 1].
Ejemplo del método indexOf:
let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.indexOf(30);
console.log(index);Esto producirá 2.
Ejemplo del método lastIndexOf:
let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.lastIndexOf(30);
console.log(index);Esto mostrará 5.
Ejemplo del método includes:
let myArray = ["apple", "banana", "orange"];
let hasBanana = myArray.includes("banana");
console.log(hasBanana);Esto mostrará como resultado true.
Desafío
FácilCrea una función llamada findElement que reciba dos argumentos:
- Un array de números
- Un número a buscar
La función debe hacer lo siguiente:
- Comprueba si el array incluye el número utilizando el método
includes. - Si se encuentra el número, devuelve el índice de su primera aparición utilizando el método
indexOf. - Si no se encuentra el número, devuelve -1.
Por ejemplo:
findElement([1, 2, 3, 4, 5], 3)debería devolver 2findElement([1, 2, 3, 4, 5], 6)debería devolver -1
Hoja de referencia
Los arrays de JavaScript tienen varios métodos integrados para operaciones comunes:
sort()- ordena los elementos de un arrayreverse()- invierte el orden de los elementos en un arrayindexOf(element)- devuelve el índice de la primera aparición de un elemento, o -1 si no se encuentralastIndexOf(element)- devuelve el índice de la última aparición de un elemento, o -1 si no se encuentraincludes(element)- devuelvetruesi el array contiene el elemento, de lo contrariofalse
Ejemplos:
let fruits = ["orange", "banana", "apple"];
fruits.sort(); // ["apple", "banana", "orange"]
let numbers = [1, 2, 3, 4, 5];
numbers.reverse(); // [5, 4, 3, 2, 1]
let arr = [10, 20, 30, 40, 50, 30];
arr.indexOf(30); // 2 (primera aparición)
arr.lastIndexOf(30); // 5 (última aparición)
arr.includes(30); // truePruébalo tú mismo
function findElement(arr, num) {
// Escribe el código aquí
}Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentos
4Operadores Parte 2
Operadores lógicos Parte 1Operadores lógicos Parte 2Repaso - Lógica simpleOperadores lógicos Parte 3Coerción de tipos7Calculadora para dividir la cuenta
Mensaje de bienvenidaCálculo de la propina y el total10FizzBuzz con un giro
Descripción general del juegoLa función FizzBuzz13Rastreador de lista de compras
Descripción general del proyectoAñadir elemento2Variables
NúmerosStringBooleanConvenciones de nomenclaturaVariables vacíasResumen - Inicializar variablesConstantes5Toma de decisiones
Sentencia IfIf - ElseRepaso - Calculadora simpleIf - Else anidadosSentencia Switch11Arrays Parte 1
Declarar un ArrayAcceder a elementos de un ArrayModificar ArraysMétodos de Array Parte 1Métodos de Array Parte 2Resumen - Procesador de Arrays3Operadores Parte 1
Operadores aritméticosOperador móduloAtajos aritméticosOperadores de comparaciónIgualdad estricta vs. débilResumen - Matemáticas simples6E/S Básica
SalidaSalida con variablesConversión de tipos - Parte 1Conversión de tipos - Parte 2Resumen - Hasta 120Resumen - Verdadero o Falso