Декартово произведение значений объекта (в массив)

Question

Допустим, у меня есть

const item = {
  "Key1": "Value1",
  "Key2": ["Value2", "Value3"]
}

Как я могу преобразовать его в формат как

[["Value1","Value2"],["Value1","Value3"]] 

?

Мой способ сделать это:

let array = [];
for (let i of item.Key2){
  array.push([item.Key1,i])
}

Просто интересно, есть ли более короткий метод?

Answer 1

Вы можете построить декартово произведение.

const
    item = { Key1: "Value1", Key2: ["Value2", "Value3"] },
    values = Object.values(item).map(v => [].concat(v)),
    result = values.reduce((a, b) => a.reduce((r, v) => r.concat(b.map(w => [].concat(v, w))), []));

console.log(result);

Answer 2

// What question mentions
const item = {
  "Key1": "Value1",
  "Key2": ["Value2", "Value3"]
}

let res = item.Key2.map(i => [item.Key1, i])
console.log(res)

// What the world wants!
const item = {
  "Key1": ["ValueA", "ValueB"],
  "Key2": ["Value1", "Value2"]
}

res = item.Key1.reduce((acc, i1) => acc.concat(item.Key2.map(i2 => [i1, i2])), [])
console.log(res)

Answer 3

const item = { Key1: "Value1", Key2: ["Value2", "Value3"]};

let target = item.Key2.reduce((i, _) => {
  i.push([item.Key1, _]);
  return i;
}, []);

console.log(target)