Extraer valores de un array

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos cómo manipular arrays en JavaScript creando una función que filtre valores especificados de un array y muté el array original. Utilizaremos métodos integrados de Array como filter(), includes() y push() para lograr esta funcionalidad. Al final de este laboratorio, tendrás una mejor comprensión de cómo manipular arrays en JavaScript.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/BasicConceptsGroup -.-> javascript/obj_manip("Object Manipulation") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28563{{"Extraer valores de un array"}} javascript/data_types -.-> lab-28563{{"Extraer valores de un array"}} javascript/arith_ops -.-> lab-28563{{"Extraer valores de un array"}} javascript/comp_ops -.-> lab-28563{{"Extraer valores de un array"}} javascript/array_methods -.-> lab-28563{{"Extraer valores de un array"}} javascript/obj_manip -.-> lab-28563{{"Extraer valores de un array"}} javascript/higher_funcs -.-> lab-28563{{"Extraer valores de un array"}} javascript/spread_rest -.-> lab-28563{{"Extraer valores de un array"}} end

Cómo extraer valores de un array en JavaScript

Para extraer valores específicos de un array en JavaScript, puedes utilizar los métodos Array.prototype.filter() y Array.prototype.includes(). Aquí te muestra cómo hacerlo:

const pull = (arr, ...args) => {
  let argState = Array.isArray(args[0]) ? args[0] : args;
  let pulled = arr.filter((v) => !argState.includes(v));
  arr.length = 0;
  pulled.forEach((v) => arr.push(v));
};

La función pull toma un array y uno o más argumentos que representan los valores que se deben eliminar. Luego, la función crea un nuevo array filtrando los valores especificados utilizando Array.prototype.filter(). A continuación, muta el array original reiniciando su longitud a 0 y repoblando solo con los valores extraídos utilizando Array.prototype.push().

Aquí te muestra un ejemplo de cómo utilizar la función pull:

let myArray = ["a", "b", "c", "a", "b", "c"];
pull(myArray, "a", "c"); // myArray = [ 'b', 'b' ]

En este ejemplo, la función pull elimina todas las ocurrencias de 'a' y 'c' del array myArray y devuelve un nuevo array con solo los valores 'b' y 'b'.

Resumen

¡Felicitaciones! Has completado el laboratorio de Extracción de Valores de Array. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.