javascript - 使用现有数组的唯一连接值从现有数组创建新数组

Question

有谁知道如何使用现有数组的唯一连接值从现有数组创建新数组？

const originalArray = [
  [
    { value: 'red', id: 99 },
    { value: 'blue', id: 100 },
  ],
  [
    { value: 'small', id: 101 },
    { value: 'medium', id: 102 },
  ],
  [
    { value: 'modern', id: 103 },
    { value: 'classic', id: 104 },
  ],
];
//
//
const newArrayBasedOnOriginalArray = [
  { value: 'red/small/modern' },
  { value: 'red/small/classic' },
  { value: 'red/medium/modern' },
  { value: 'red/medium/classic' },
  { value: 'blue/small/modern' },
  { value: 'blue/small/classic' },
  { value: 'blue/medium/modern' },
  { value: 'blue/medium/classic' },
];

我计算出新数组的长度应该总是如下:

// length of new array
const lengthOfNewArray = originalArray
  .map((value) => {
    return value.length;
  })
  .reduce((current, old) => {
    return current * old;
  });
//
//
console.log('length of new array:', lengthOfNewArray); // 8

Answer 1

你可以递归地做

const originalArray = [
  [
    { value: 'red', id: 99 },
    { value: 'blue', id: 100 },
  ],
  [
    { value: 'small', id: 101 },
    { value: 'medium', id: 102 },
  ],
  [
    { value: 'modern', id: 103 },
    { value: 'classic', id: 104 },
  ],
];

const getPossibleCombination = (currentValue, arraysRemaining) => {
  if(arraysRemaining.length === 0) return currentValue

  const values = []
  
  const firstArray = arraysRemaining[0]
  
  firstArray.forEach(({value}) => {
    values.push(getPossibleCombination(`${currentValue}/${value}`, arraysRemaining.slice(1, arraysRemaining.length)))
  })
  
  return values.flat()
}

const values = getPossibleCombination('', originalArray)
console.log(values)