w3resource

JavaScript: Create a new array out of the two supplied by creating each possible pair from the arrays

JavaScript fundamental (ES6 Syntax): Exercise-25 with Solution

Create All Pairs from Arrays

Write a JavaScript program to create an array out of the arrays by creating each possible pair from the arrays.

  • Use Array.prototype.reduce(), Array.prototype.map() and Array.prototype.concat() to produce every possible pair from the elements of the two arrays.

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2 
// Define a function called `xProd` that computes the Cartesian product of two arrays.
const xProd = (a, b) => a.reduce((acc, x) => acc.concat(b.map(y => [x, y])), []);

// Example usage
console.log(xProd([1, 2], ['a', 'b'])); // [[1, 'a'], [1, 'b'], [2, 'a'], [2, 'b']]
console.log(xProd([1, 2], [1, 2])); // [[1, 1], [1, 2], [2, 1], [2, 2]]
console.log(xProd(['a', 'b'], ['a', 'b'])); // [['a', 'a'], ['a', 'b'], ['b', 'a'], ['b', 'b']]

Output:

[[1,"a"],[1,"b"],[2,"a"],[2,"b"]]
[[1,1],[1,2],[2,1],[2,2]]
[["a","a"],["a","b"],["b","a"],["b","b"]]

Visual Presentation:

JavaScript Fundamental: Create a new array out of the two supplied by creating each possible pair from the arrays

Flowchart:

flowchart: Create a new array out of the two supplied by creating each possible pair from the arrays

Live Demo:

See the Pen javascript-basic-exercise-1-25 by w3resource (@w3resource) on CodePen.


For more Practice: Solve these Related Problems:

  • Write a JavaScript program that generates all possible pairs from two given arrays.
  • Write a JavaScript function that uses nested loops to combine elements from two arrays into pair arrays.
  • Write a JavaScript program that creates a new array containing every possible ordered pair from two input arrays.

Go to:


PREV : Decapitalize First Letter of String.
NEXT : Check y/yes or n/no in String.

Improve this sample solution and post your code through Disqus

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.