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.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://www.w3resource.com/javascript-exercises/fundamental/javascript-fundamental-exercise-25.php