sku组合

var data = {
color: ['red', 'blue', 'black'],
size: ['S', 'M', 'L'],
style: ['child', 'young', 'middle'],
height: ['short', 'high'],
// 这里可以添加形如key: [..., ...] 这种形式的项
};
构造
// 构造的全排列数组
[ { color: 'red', size: 'S', style: 'child', height: 'short' },
{ color: 'red', size: 'S', style: 'child', height: 'high' },
{ color: 'red', size: 'S', style: 'young', height: 'short' },
{ color: 'red', size: 'S', style: 'young', height: 'high' },
{ color: 'red', size: 'S', style: 'middle', height: 'short' },
{ color: 'red', size: 'S', style: 'middle', height: 'high' },
{ color: 'red', size: 'M', style: 'child', height: 'short' },
{ color: 'red', size: 'M', style: 'child', height: 'high' },
{ color: 'red', size: 'M', style: 'young', height: 'short' },
{ color: 'red', size: 'M', style: 'young', height: 'high' },
{ color: 'red', size: 'M', style: 'middle', height: 'short' },
{ color: 'red', size: 'M', style: 'middle', height: 'high' },
{ color: 'red', size: 'L', style: 'child', height: 'short' },

方法
let result = [[]]
// 获取data 的keys 作为一个循环
for (const key of Object.keys(data)) {
// 每一层循环的临时存储
let temp = []
// 循环每一个key 对于的子项
for (const value of data[key]) {
// 循环 已有的 result的结果，
for (const item of result) {
// 把已有的result结果和 新的data的中数据，组合到一起
temp.push({ ...item, [key]: value })
}
}
result = temp
}

第二种写法
const result = Object.keys(data).reduce(
(res, key) => {
return res.reduce((items, item) => {
return items.concat(data[key].map(value => ({ ...item, [key]: value })))
}, [])
},
[[]]
)

转载于:https://www.cnblogs.com/dunke/p/10605373.html