Alternar Elemento en 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 alternar un elemento en una matriz utilizando JavaScript. La función toggleElement() te permite eliminar un elemento de una matriz si ya está incluido en ella o agregar el elemento a la matriz si no está presente. Este laboratorio te ayudará a entender cómo utilizar los métodos includes() y filter() en combinación con el operador de propagación para alternar eficientemente los elementos de una matriz.


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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28664{{"Alternar Elemento en Matriz"}} javascript/data_types -.-> lab-28664{{"Alternar Elemento en Matriz"}} javascript/arith_ops -.-> lab-28664{{"Alternar Elemento en Matriz"}} javascript/comp_ops -.-> lab-28664{{"Alternar Elemento en Matriz"}} javascript/higher_funcs -.-> lab-28664{{"Alternar Elemento en Matriz"}} javascript/spread_rest -.-> lab-28664{{"Alternar Elemento en Matriz"}} end

Cómo alternar un elemento en una matriz

Para alternar un elemento en una matriz, sigue estos pasos:

  1. Abre la Terminal/SSH y escribe node para comenzar a practicar la codificación.
  2. Verifica si el elemento dado está en la matriz utilizando Array.prototype.includes().
  3. Si el elemento está en la matriz, utiliza Array.prototype.filter() para eliminarlo.
  4. Si el elemento no está en la matriz, utiliza el operador de propagación (...) para agregarlo.
  5. Utiliza la función toggleElement, que acepta una matriz y un valor, para alternar el elemento en la matriz.
const toggleElement = (arr, val) =>
  arr.includes(val) ? arr.filter((el) => el !== val) : [...arr, val];

toggleElement([1, 2, 3], 2); // [1, 3]
toggleElement([1, 2, 3], 4); // [1, 2, 3, 4]

Siguiendo estos pasos, puedes alternar fácilmente un elemento en una matriz utilizando JavaScript.

Resumen

¡Felicidades! Has completado el laboratorio de Alternar Elemento en Matriz. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.