Получение объединения двух массивов в JavaScript [дубликат]

С приходом ES6 с наборами и оператором splat (на данный момент работает только в Firefox, проверьте таблицу совместимости), вы можете написать следующий загадочный один лайнер:

var a = [34, 35, 45, 48, 49];
var b = [48, 55];
var union = [...new Set([...a, ...b])];

который выведет что-то вроде [ 34, 35, 45, 48, 49, 55 ].

небольшое объяснение об этой строке:[...a, ...b] объединяет два массива, вы можете использовать a.concat(b) как хорошо. new Set() создать набор из него и таким образом свой союз. И последнее [...x] преобразовать его обратно в массив.

Если вы используете библиотеку подчеркивание можно писать

_.union([34,35,45,48,49], [48,55]);
// [34, 35, 45, 48, 49, 55]

Ref: http://underscorejs.org/#union

Я, вероятно, трачу время на мертвую нить здесь. Я просто должен был реализовать это и пошел посмотреть, не трачу ли я свое время.

мне очень нравится ответить KennyTM по. Вот так я бы и атаковал проблему. Объедините ключи в хэш, чтобы естественным образом устранить дубликаты, а затем извлечь ключи. Если у вас действительно есть jQuery, вы можете использовать его лакомства, чтобы сделать это проблемой 2 линии, а затем свернуть ее в расширение. Каждый() в jQuery позаботится о том, чтобы не повторять над элементами, где hasOwnProperty () является ложным.

jQuery.fn.extend({
    union: function(array1, array2) {
        var hash = {}, union = [];
        $.each($.merge($.merge([], array1), array2), function (index, value) { hash[value] = value; });
        $.each(hash, function (key, value) { union.push(key); } );
        return union;
    }
});

обратите внимание, что оба исходных массива остаются нетронутыми. Тогда вы называете это так:

var union = $.union(array1, array2);

function unique(arrayName)
            {
                var newArray=new Array();
                label:for(var i=0; i<arrayName.length;i++ )
                {  
                    for(var j=0; j<newArray.length;j++ )
                    {
                        if(newArray[j]==arrayName[i]) 
                            continue label;
                    }
                    newArray[newArray.length] = arrayName[i];
                }
                return newArray;
            }

var arr1 = new Array(0,2,4,4,4,4,4,5,5,6,6,6,7,7,8,9,5,1,2,3,0);
var arr2= new Array(3,5,8,1,2,32,1,2,1,2,4,7,8,9,1,2,1,2,3,4,5);
var union = unique(arr1.concat(arr2));

адаптировано из: https://stackoverflow.com/a/4026828/1830259

Array.prototype.union = function(a) 
{
    var r = this.slice(0);
    a.forEach(function(i) { if (r.indexOf(i) < 0) r.push(i); });
    return r;
};

Array.prototype.diff = function(a)
{
    return this.filter(function(i) {return a.indexOf(i) < 0;});
};

var s1 = [1, 2, 3, 4];
var s2 = [3, 4, 5, 6];

console.log("s1: " + s1);
console.log("s2: " + s2);
console.log("s1.union(s2): " + s1.union(s2));
console.log("s2.union(s1): " + s2.union(s1));
console.log("s1.diff(s2): " + s1.diff(s2));
console.log("s2.diff(s1): " + s2.diff(s1));

// Output:
// s1: 1,2,3,4
// s2: 3,4,5,6
// s1.union(s2): 1,2,3,4,5,6
// s2.union(s1): 3,4,5,6,1,2
// s1.diff(s2): 1,2
// s2.diff(s1): 5,6 

Мне нравится решение concat-then-unique Питера Айтая, но код не очень понятен. Вот более приятная альтернатива:

function unique(x) {
  return x.filter(function(elem, index) { return x.indexOf(elem) === index; });
};
function union(x, y) {
  return unique(x.concat(y));
};

Так как indexOf возвращает индекс первый occurence, мы проверяем это по индексу текущего элемента (второй параметр предиката фильтра).

Если вы хотите объединить два массива без каких-либо повторяющихся значений,просто попробуйте это

var a=[34, 35, 45, 48, 49];
var b=[48, 55];
var c=a.concat(b).sort();
var res=c.filter((value,pos) => {return c.indexOf(value) == pos;} );

вы можете использовать плагин jQuery:jQuery Array Utilities

например код ниже

$.union([1, 2, 2, 3], [2, 3, 4, 5, 5])

вернется [1,2,3,4,5]

Я бы сначала объединил массивы, а затем вернул бы только уникальное значение.

вы должны создать свою собственную функцию для возврата уникальных значений. Поскольку это полезная функция, вы также можете добавить его в качестве функции Array.

в вашем случае с массивами array1 и array2 это будет выглядеть так:

1. array1.concat(array2) - объединить два массива
2. array1.concat(array2).unique() - вернуть только уникальные ценности. Здесь unique() - это метод, который вы добавили в прототипе Array.

все это будет выглядеть так:

пример jsFiddle

Array.prototype.unique = function () {
    var r = new Array();
    o:for(var i = 0, n = this.length; i < n; i++)
    {
        for(var x = 0, y = r.length; x < y; x++)
        {
            if(r[x]==this[i])
            {
                continue o;
            }
        }
        r[r.length] = this[i];
    }
    return r;
}
    var array1 = [34,35,45,48,49];
    var array2 = [34,35,45,48,49,55];

      // concatenate the arrays then return only the unique values
    alert(array1.concat(array2).unique());

function unite(arr1, arr2, arr3) {
 newArr=arr1.concat(arr2).concat(arr3);

 a=newArr.filter(function(value){
   return !arr1.some(function(value2){
      return value == value2;
   });
 });

console.log(arr1.concat(a));

}//This is for Sorted union following the order :)

function unionArray(arrayA, arrayB) {
  var obj = {},
      i = arrayA.length,
      j = arrayB.length,
      newArray = [];
  while (i--) {
    if (!(arrayA[i] in obj)) {
      obj[arrayA[i]] = true;
      newArray.push(arrayA[i]);
    }
  }
  while (j--) {
    if (!(arrayB[j] in obj)) {
      obj[arrayB[j]] = true;
      newArray.push(arrayB[j]);
    }
  }
  return newArray;
}
unionArray([34, 35, 45, 48, 49], [44, 55]);

быстрее http://jsperf.com/union-array-faster

function unionArrays() {
    var args = arguments,
    l = args.length,
    obj = {},
    res = [],
    i, j, k;

    while (l--) {
        k = args[l];
        i = k.length;

        while (i--) {
            j = k[i];
            if (!obj[j]) {
                obj[j] = 1;
                res.push(j);
            }
        }   
    }

    return res;
}

несколько похож по подходу на метод Алехандро, но немного короче и должен работать с любым количеством массивов.

только что писал раньше по той же причине (работает с любым количеством массивов):

/**
 * Returns with the union of the given arrays.
 *
 * @param Any amount of arrays to be united.
 * @returns {array} The union array.
 */
function uniteArrays()
{
    var union = [];
    for (var argumentIndex = 0; argumentIndex < arguments.length; argumentIndex++)
    {
        eachArgument = arguments[argumentIndex];
        if (typeof eachArgument !== 'array')
        {
            eachArray = eachArgument;
            for (var index = 0; index < eachArray.length; index++)
            {
                eachValue = eachArray[index];
                if (arrayHasValue(union, eachValue) == false)
                union.push(eachValue);
            }
        }
    }

    return union;
}    

function arrayHasValue(array, value)
{ return array.indexOf(value) != -1; }

простой способ работы с объединением значений одного массива.

var values[0] = {"id":1235,"name":"value 1"}
values[1] = {"id":4323,"name":"value 2"}

var object=null;
var first=values[0];
for (var i in values) 
 if(i>0)    
 object= $.merge(values[i],first)

Вы можете попробовать эти:

function union(a, b) {
    return a.concat(b).reduce(function(prev, cur) {
        if (prev.indexOf(cur) === -1) prev.push(cur);
        return prev;
    }, []);    
}

или

function union(a, b) {
    return a.concat(b.filter(function(el) {
        return a.indexOf(el) === -1;
    }));
}

краткая версия ответа kennytm по :

function unionArrays(a, b) {
    const cache = {};

    a.forEach(item => cache[item] = item);
    b.forEach(item => cache[item] = item);

    return Object.keys(cache).map(key => cache[key]);
};

Я думаю, что было бы проще создать новый массив, добавив уникальные значения только в соответствии с indexOf.

Это кажется мне самым простым решением, хотя я не знаю, является ли оно наиболее эффективным. Параметры сортировки не сохраняются.

var a = [34, 35, 45, 48, 49],
    b = [48, 55];

var c = union(a, b);

function union(a, b) { // will work for n >= 2 inputs
    var newArray = [];

    //cycle through input arrays
    for (var i = 0, l = arguments.length; i < l; i++) {

        //cycle through each input arrays elements
        var array = arguments[i];
        for (var ii = 0, ll = array.length; ii < ll; ii++) {
            var val = array[ii];

            //only add elements to the new array if they are unique
            if (newArray.indexOf(val) < 0) newArray.push(val);
        }
    }
    return newArray;
}

[i for( i of new Set(array1.concat(array2)))]

позвольте мне разбить это на части для вас

// This is a list by comprehension
// Store each result in an element of the array
[i
// will be placed in the variable "i", for each element of...
    for( i of
    // ... the Set which is made of...
            new Set(
                // ...the concatenation of both arrays
                array1.concat(array2)
            )
    )
]

другими словами, он сначала объединяет оба, а затем удаляет дубликаты (набор, по определению, не может иметь дубликатов)

отметим, однако, что порядок элементов не гарантируется, в этом случае.

ES2015 version

Array.prototype.diff = function(a) {return this.filter(i => a.indexOf(i) < 0)};

Array.prototype.union = function(a) {return [...this.diff(a), ...a]}

Если вы хотите пользовательские равна функция чтобы соответствовать вашим элементам, вы можете использовать эту функцию в ES2015:

function unionEquals(left, right, equals){
    return left.concat(right).reduce( (acc,element) => {
        return acc.some(elt => equals(elt, element))? acc : acc.concat(element)
    }, []);
}

он пересекает левый+правый массив. Затем для каждого элемента, заполнит аккумулятор, если он не найдет этот элемент в аккумуляторе. В конце концов, нет дубликатов, как указано в