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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 合并数组只添加新元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1698字，纯文字阅读大概需要3分钟。

内容图文

嘿,我正在打破一些应该非常简单的事情.我有一些数组

//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;                              
            }
        })
    }

解决方法:

您可以对数组使用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);

内容总结

以上是互联网集市为您收集整理的javascript – 合并数组只添加新元素全部内容，希望文章能够帮你解决javascript – 合并数组只添加新元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端