javascript - 合并数组只添加新元素

Question

嘿，我正在为一件本应非常简单的事情而伤脑筋。我有几个数组

//input

var array1 = ["white", "white", "yellow"];
var array2 = ["white", "white", "yellow", "red"];
var array3 = ["white", "white", "yellow", "orange"];

//desired output

var result = ["white", "white", "yellow", "red", "orange"];

这应该是一个简单的问题，但我一直无法解决这个问题。我尝试使用第一个数组的快照，然后查看颜色是否已经在快照数组中，将其从快照中删除，将其放入另一个快照等......但我最终得到了一行又一行的代码。甚至无法让它工作，因为我从快照中删除了所有“白色”颜色，而不仅仅是一个和其他出错的地方。

谁能给我第二个视角，因为我正在靠着墙上的自动取款机奔跑

我最后一次被要求提供代码的尝试

    let attacks = entry.attacks;
    if(attacks !== undefined){
        let lastSnapshot = [];

        attacks.forEach(attack => {
            if(lastSnapshot.length === 0){
                attack.forEach(attackColor => {
                    lastSnapshot.push(attackColor)
                })                        
            }else{
                let newSnapshot = [];
                attack.forEach(attackColor => {
                    var start_index = lastSnapshot.findIndex(attackColor)
                    if(start_index !== -1){
                        var number_of_elements_to_remove = 1;
                        lastSnapshot.splice(start_index, number_of_elements_to_remove);                                
                    }

                    newSnapshot.push(attackColor)
                })
                lastSnapshot = newSnapshot;                              
            }
        })
    }

Answer 1

您可以对数组使用 reduce，对数组的单个项目使用 forEach 以将项目添加到 r。

然后使用哈希表存储访问过的项及其在临时结果数组r 中的最后一个索引。如果未找到项目，则推送实际值。

var array1 = ["white", "white", "yellow"],
    array2 = ["white", "white", "yellow", "red"],
    array3 = ["white", "white", "yellow", "orange"],
    result = [array1, array2, array3].reduce((r, a) => {
        var indices = Object.create(null);
        a.forEach(b => {
            var p = r.indexOf(b, indices[b] || 0);
            indices[b] = p === -1 ? r.push(b) : p + 1;
        });
        return r;
    });
    
console.log(result);