揭秘前端电商sku的全排列算法：从0到1掌握排列组合

2024-01-06 05:50:50

SKU（Stock Keeping Unit）是库存单位，用于追踪商品的不同属性或变体。例如，同款衣服可能有不同的颜色、尺寸等变体，每个变体都有唯一的SKU编号。处理这些SKU的全排列是电商平台确保所有产品属性组合都能被正确展示和管理的关键。

基础概念：理解排列与组合

在着手解决sku问题前，先明确排列（Permutation）与组合（Combination）的区别：

排列是指从n个不同元素中任取m(m≤n)个元素，按照一定顺序排成一列的方法。这里强调了顺序。
组合则是指从n个不同元素中任取m(m≤n)个元素组成一组的方法，不考虑顺序。

在sku排列问题中，我们需要处理的是排列问题，因为不同的属性值组合到一起后形成的产品变体是唯一的。

实现SKU全排列算法

使用递归实现全排列

一种常见且直观的解决方法就是使用递归来生成所有可能的组合。递归是一种函数调用自身的方法，在处理像sku这样的层次结构问题时非常有效。

代码示例

function generatePermutations(arrays) {
    if (arrays.length === 0) return [[]]; // 基础情况：数组为空，返回空数组组成的数组
    const [first, ...rest] = arrays; // 分解首项与余下部分
    const restPerms = generatePermutations(rest); // 对剩余数组递归调用生成排列
    const firstPerms = []; // 存储当前层结果

    for (let i of first) { // 遍历当前层的元素
        for (let perm of restPerms) {
            firstPerms.push([i, ...perm]); // 为每个已存在的排列添加当前元素
        }
    }

    return firstPerms;
}

const skus = [
    ['红色', '蓝色'], 
    [32, 64], 
    ['M', 'L']
];
console.log(generatePermutations(skus));

使用迭代实现全排列

另一种方法是使用循环，这样可以避免递归可能导致的栈溢出问题。这种方法通过维护一个列表来存储当前的组合状态，并逐步更新这个状态直到生成所有可能的结果。

代码示例

function generateCombinations(arrays) {
    const results = [];
    
    // 遍历每个数组的每一项，构建新的结果
    arrays.forEach((array, i) => {
        let tempResults = [];

        if (results.length === 0) { 
            // 如果results为空，则直接将当前数组元素加入tempResults
            array.forEach(item => tempResults.push([item])); 
        } else { // 否则，与现有的结果组合
            results.forEach(resultItem => {
                array.forEach(item => tempResults.push([...resultItem, item]));
            });
        }

        results = tempResults; // 更新results为新的组合
    });

    return results;
}

const skus = [
    ['红色', '蓝色'], 
    [32, 64], 
    ['M', 'L']
];
console.log(generateCombinations(skus));