Extraer valores coincidentes de una matriz

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 extraer valores coincidentes de una matriz y devolver los elementos eliminados. Aprenderemos a usar los métodos Array.prototype.filter(), Array.prototype.includes() y Array.prototype.push() para filtrar los valores especificados en la matriz de extracción y mutar la matriz original. Al final de este laboratorio, tendrás una mejor comprensión de cómo manipular matrices en JavaScript.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced 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/obj_manip("Object Manipulation") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28560{{"Extraer valores coincidentes de una matriz"}} javascript/data_types -.-> lab-28560{{"Extraer valores coincidentes de una matriz"}} javascript/arith_ops -.-> lab-28560{{"Extraer valores coincidentes de una matriz"}} javascript/comp_ops -.-> lab-28560{{"Extraer valores coincidentes de una matriz"}} javascript/obj_manip -.-> lab-28560{{"Extraer valores coincidentes de una matriz"}} javascript/higher_funcs -.-> lab-28560{{"Extraer valores coincidentes de una matriz"}} end

Cómo extraer valores coincidentes de una matriz

Para extraer valores específicos de una matriz usando JavaScript, siga estos pasos:

  1. Abra el Terminal/SSH y escriba node para comenzar a practicar la codificación.
  2. Utilice Array.prototype.filter() y Array.prototype.includes() para filtrar los valores que no se necesitan y crear una nueva matriz.
  3. Establezca Array.prototype.length para mutar la matriz original reiniciando su longitud a 0.
  4. Utilice Array.prototype.push() para volver a poblar la matriz original solo con los valores extraídos.
  5. Utilice Array.prototype.push() para llevar un registro de los valores eliminados en una nueva matriz.

Aquí hay una función de ejemplo que implementa estos pasos:

const pullAtValue = (arr, pullArr) => {
  let removed = [],
    pushToRemove = arr.forEach((v, i) =>
      pullArr.includes(v) ? removed.push(v) : v
    ),
    mutateTo = arr.filter((v, i) => !pullArr.includes(v));
  arr.length = 0;
  mutateTo.forEach((v) => arr.push(v));
  return removed;
};

Puede usar esta función para eliminar valores específicos de una matriz y devolver los elementos eliminados de la siguiente manera:

let myArray = ["a", "b", "c", "d"];
let pulled = pullAtValue(myArray, ["b", "d"]);
// myArray = [ 'a', 'c' ], pulled = [ 'b', 'd' ]

Resumen

¡Felicidades! Has completado el laboratorio de Extraer Valores Coincidentes de una Matriz. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.