JavaScriptを使用して提供されたすべての配列を動的に組み合わせる方法は？

これらのようなリテラルの2つの配列があるとします-

const arr1= ['a', 'b', 'c'];
const arr2= ['d', 'e', 'f'];

このような2つの配列を取り込んで、配列から可能なすべての組み合わせを構築するJavaScript関数を作成する必要があります。

したがって、これら2つの配列の場合、出力は次のようになります-

const output = [ad, ae, af, bd, be, bf, cd, ce, cf];

例

このためのコードは-

const arr1= ['a', 'b', 'c'];
const arr2= ['d', 'e', 'f'];
const combineArrays = (...arr) => {
   const res = [];
   const combinePart = (part, index) => {
      arr[index].forEach(el => {
         const p = part.concat(el);
         if(p.length === arr.length){
            res.push(p.join(''));
            return;
         };
         combinePart(p, index + 1);
      });
   };
   combinePart([], 0);
   return res;
}
console.log(combineArrays(arr1, arr2));

出力

そして、コンソールの出力は-

[
   'ad', 'ae', 'af',
   'bd', 'be', 'bf',
   'cd', 'ce', 'cf'
]