Producto Cruzado de Arrays

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 crear una nueva matriz a partir de las dos suministradas generando cada posible pareja a partir de los elementos de las dos matrices. Utilizaremos los métodos integrados de JavaScript como reduce(), map() y concat() para lograr esto. Al final de este laboratorio, tendrás una buena comprensión de cómo trabajar con 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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28228{{"Producto Cruzado de Arrays"}} javascript/data_types -.-> lab-28228{{"Producto Cruzado de Arrays"}} javascript/arith_ops -.-> lab-28228{{"Producto Cruzado de Arrays"}} javascript/comp_ops -.-> lab-28228{{"Producto Cruzado de Arrays"}} javascript/higher_funcs -.-> lab-28228{{"Producto Cruzado de Arrays"}} end

Crear un producto cruzado de matrices en JavaScript

Para crear un producto cruzado de matrices en JavaScript, siga estos pasos:

  1. Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
  2. Utilice Array.prototype.reduce(), Array.prototype.map() y Array.prototype.concat() para producir cada posible pareja a partir de los elementos de las dos matrices.
  3. La función xProd() toma dos matrices como argumentos y crea una nueva matriz a partir de las dos suministradas creando cada posible pareja a partir de las matrices.
  4. Aquí hay un ejemplo de la función xProd() en acción:
const xProd = (a, b) =>
  a.reduce((acc, x) => acc.concat(b.map((y) => [x, y])), []);

xProd([1, 2], ["a", "b"]); // [[1, 'a'], [1, 'b'], [2, 'a'], [2, 'b']]

Esto devolverá una matriz que contiene todas las posibles parejas de elementos de las dos matrices de entrada.

Resumen

¡Felicidades! Has completado el laboratorio del Producto Cruzado de Matrices. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.