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

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.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to decapitalize the first letter of a string.
Next: Write a JavaScript program that will return true if the string is y/yes or false if the string is n/no.

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.