Home / Questions / 58926
Accepted
bypabloc_
Asked: 2020-03-30 10:00:50 +0800 CST 2020-03-30 10:00:50 +0800 CST

Как сравнить два массива и исключить одинаковые объекты и вернуть только те, которых нет ни в одном из них?

  • 772

Так же, как это сделано в php( ссылка ), но я хотел бы сделать это в javascript.

var data1 = [{
    "id": 1,
    "nombre": "Mezcla"
  },
  {
    "id": 6,
    "nombre": "No Se"
  },
  {
    "id": 5,
    "nombre": "Etiquetado"
  },
  {
    "id": 4,
    "nombre": "Vaciado"
  },
  {
    "id": 3,
    "nombre": "Llenado"
  },
  {
    "id": 2,
    "nombre": "Esterilizacion"
  }
];

console.log(data1);

var data2 = [{
    "id": 1,
    "nombre": "Mezcla"
  },
  {
    "id": 4,
    "nombre": "Vaciado"
  },
  {
    "id": 3,
    "nombre": "Llenado"
  },
  {
    "id": 2,
    "nombre": "Esterilizacion"
  }
];

console.log(data2);

Обновление 1: из этих 2 arraysя возвращаю следующее:

var data3 = [{
    "id": 6,
    "nombre": "No Se"
  },
  {
    "id": 5,
    "nombre": "Etiquetado"
  }
];

console.log(data3);

javascript

6 Answers

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

    var data1 = [
  { "id": 1, "nombre": "Mezcla" },
  { "id": 6, "nombre": "No Se" },
  { "id": 5, "nombre": "Etiquetado" },
  { "id": 4, "nombre": "Vaciado" },
  { "id": 3, "nombre": "Llenado" },
  { "id": 2, "nombre": "Esterilizacion" }
];

var data2 = [
  { "id": 1, "nombre": "Mezcla" },
  { "id": 4, "nombre": "Vaciado" },
  { "id": 3, "nombre": "Llenado" },
  { "id": 2, "nombre": "Esterilizacion" }
];

var array = [];
for (var i = 0; i < data1.length; i++) {
    var igual=false;
     for (var j = 0; j < data2.length & !igual; j++) {
         if(data1[i]['id'] == data2[j]['id'] && 
            data1[i]['nombre'] == data2[j]['nombre']) 
                 igual=true;
     }
    if(!igual)array.push(data1[i]);
}
console.log(JSON.stringify(array));

    • 6
  2. Best Answer

    Это очевидно можно сделать на чистом javascript, но для работы с коллекциями уже есть хорошо зарекомендовавшие себя инструменты вроде underscore и lodash .

    В следующем решении используется метод поиска lodash.

    var data1 = [{
    "id": 1,
    "nombre": "Mezcla"
  },
  {
    "id": 6,
    "nombre": "No Se"
  },
  {
    "id": 5,
    "nombre": "Etiquetado"
  },
  {
    "id": 4,
    "nombre": "Vaciado"
  },
  {
    "id": 3,
    "nombre": "Llenado"
  },
  {
    "id": 2,
    "nombre": "Esterilizacion"
  }
];


var data2 = [{
    "id": 1,
    "nombre": "Mezcla"
  },
  {
    "id": 4,
    "nombre": "Vaciado"
  },
  {
    "id": 3,
    "nombre": "Llenado"
  },
  {
    "id": 2,
    "nombre": "Esterilizacion"
  }
];

var data3=[];

_.each(data1,function(objeto) {
  
  var elemento_en_data2 = _.find(data2,objeto);
  
  if(elemento_en_data2===undefined) {
    data3.push(objeto);
  }
  
});

console.log(data3);
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

    Основная сложность вашего вопроса заключается в том, что в javascript два объекта не равны друг другу, даже если они имеют одинаковые свойства. Так же ищем наличие определенного объекта с помощью методаindexOf

    var posicion = data2.indexOf({"id": 2, "nombre": "Esterilizacion"});

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

    • 2

  3. Здесь я оставляю версию на чистом JavaScript, хотя она немного «некрасивая». Идея состоит в том, чтобы преобразовать объекты в строки, чтобы с ними было проще работать. И шаги будут такими:

    1. Преобразование массивов объектов в массивы строк
    2. Складываем все строки первого массива, которых нет во втором
    3. Складываем все строки второго массива, которых нет в первом
    4. Мы конвертируем строки обратно в объекты

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

    var data1 = [
  { "id": 1, "nombre": "Mezcla" },
  { "id": 6, "nombre": "No Se" },
  { "id": 5, "nombre": "Etiquetado" },
  { "id": 4, "nombre": "Vaciado" },
  { "id": 3, "nombre": "Llenado" },
  { "id": 2, "nombre": "Esterilizacion" }
];

var data2 = [
  { "id": 1, "nombre": "Mezcla" },
  { "id": 4, "nombre": "Vaciado" },
  { "id": 3, "nombre": "Llenado" },
  { "id": 2, "nombre": "Esterilizacion" }
];

// convertimos los arrays de objetos a arrays de cadenas
var aux1 = data1.map(function(el) { return JSON.stringify(el); });
var aux2 = data2.map(function(el) { return JSON.stringify(el); });

// añadimos todas las cadenas del primer array que no estén en el segundo
var data3 = aux1.filter(function(el) {
  if (aux2.indexOf(el) < 0) return el;
});

// añadimos todas las cadenas del segundo array que no estén en el primero
data3 = data3.concat( aux2.filter(function(el) {
  if (aux1.indexOf(el) < 0) return el;
}));

// convertimos las cadenas de nuevo a objetos
data3 = data3.map(function (el) { return JSON.parse(el); });

// mostramos el resultado
console.log(data3);

    Если вы не хотите преобразовывать объекты в строки, вы можете определить свою собственную функцию сравнения и просмотреть массивы в поисках повторяющихся элементов (вместо использования indexOf).

    Что-то вроде этого:

    var data1 = [
  { "id": 1, "nombre": "Mezcla" },
  { "id": 6, "nombre": "No Se" },
  { "id": 5, "nombre": "Etiquetado" },
  { "id": 4, "nombre": "Vaciado" },
  { "id": 3, "nombre": "Llenado" },
  { "id": 2, "nombre": "Esterilizacion" }
];

var data2 = [
  { "id": 1, "nombre": "Mezcla" },
  { "id": 4, "nombre": "Vaciado" },
  { "id": 3, "nombre": "Llenado" },
  { "id": 2, "nombre": "Esterilizacion" }
];

// añadimos todas las cadenas del primer array que no estén en el segundo
var data3 = data1.filter(function(el) {
  var found = false, x = 0;
  while (x < data2.length && !found) {
    if (el.id == data2[x].id && el.nombre == data2[x].nombre) found = true;
    x++;
  }
  if (!found) return el;
});

// añadimos todas las cadenas del segundo array que no estén en el primero
data3 = data3.concat( data2.filter(function(el) {
  var found = false, x = 0;
  while (x < data1.length && !found) {
    if (el.id == data1[x].id && el.nombre == data1[x].nombre) found = true;
    x++;
  }
  if (!found) return el;
}));

console.log(data3);

    • 2

  4. Вот моя версия, array_diff_assocкоторая:

    • Поддерживает 1 o másмероприятия
    • Сравните предметы, используяJSON.stringify
    • Возвращает все значения arr1, которых нет во всем остальном .

    демонстрация:

    function array_diff_assoc () {
  var args = Array.prototype.slice.call(arguments),
   arr = args.shift().splice(0);

  args.forEach(function(arrN) {
    arrN.forEach(function(objN) {
      for(var i = 0; i < arr.length; i++) {
        if (JSON.stringify(arr[i]) === JSON.stringify(objN)) {
          arr.splice(i, 1);
          break;
        }
      }
    });
  });
  
  return arr;
}

var data1 = [{
    "id": 1,
    "nombre": "Mezcla"
  },
  {
    "id": 6,
    "nombre": "No Se"
  },
  {
    "id": 5,
    "nombre": "Etiquetado"
  },
  {
    "id": 4,
    "nombre": "Vaciado"
  },
  {
    "id": 3,
    "nombre": "Llenado"
  },
  {
    "id": 2,
    "nombre": "Esterilizacion"
  }
];

var data2 = [{
    "id": 1,
    "nombre": "Mezcla"
  },
  {
    "id": 4,
    "nombre": "Vaciado"
  },
  {
    "id": 3,
    "nombre": "Llenado"
  },
  {
    "id": 2,
    "nombre": "Esterilizacion"
  }
];

console.log(array_diff_assoc(data1, data2));

    • 2

  5. Основываясь на вашем вопросе, я предположил, что объекты всегда будут простыми, без методов или html-узлов, иначе решение было бы немного сложнее.

    Array.prototype.arrayDiffAssoc = function(){
            //Une los arrays
    return [].concat.apply( this, arguments )
                //Convierte a string los json (funciona siempre que sea un objeto simple)
                .map(function(obj){ return JSON.stringify(obj) })
                //remueve los elementos duplicados que van a retornar siempre lenght > 1
                .filter(function(item, index, self) { return self.filter(function(duplicate){ return item === duplicate; }).length === 1; })
                //restaura los objetos en el array
                .map(function(obj) { return JSON.parse(obj); });
}

//Te permite
data1.arrayDiffAssoc(data2); // [{"id": 6,"nombre": "No Se"},{"id": 5, "nombre": "Etiquetado"}]

//o en caso de tener otro array para comparar
data1.arrayDiffAssoc(data2, data3); // [{"id": 6,"nombre": "No Se"},{"id": 5, "nombre": "Etiquetado"}]
    • 1

  6. Моя версия этого вопроса

    var data1 = [{
    "id": 1,
    "nombre": "Mezcla"
  },
  {
    "id": 6,
    "nombre": "No Se"
  },
  {
    "id": 5,
    "nombre": "Etiquetado"
  },
  {
    "id": 4,
    "nombre": "Vaciado"
  },
  {
    "id": 3,
    "nombre": "Llenado"
  },
  {
    "id": 2,
    "nombre": "Esterilizacion"
  }
];

var data2 = [{
    "id": 1,
    "nombre": "Mezcla"
  },
  {
    "id": 4,
    "nombre": "Vaciado"
  },
  {
    "id": 3,
    "nombre": "Llenado"
  },
  {
    "id": 2,
    "nombre": "Esterilizacion"
  }
];

    var data3=[];
        data1.forEach(i => {
        var existe= false;
        data2.forEach(j => {
          !igual && i.id== j.id&& (existe= true);
        });
        !existe && data3.push(i);
      });

console.log(data3);
    • 1