0

Есть задача по JavaScript

Нужно полностью сравнить два объекта на идентичность их свойств. Порядок свойств в объекте не важен. Если значением какого-то свойства объекта является массив или объект, то начать сверять и их у обоих объектов.

Объект в свойстве другого объекта нужно сверять рекурсивно.

При сверке объектов - последовательность свойств не важна, но при сверке массивов, важна последовательность элементов, то есть массивы: [1,2,3,4] и [2,1,3,4] не равны, так как, хотя и имеют одинаковые значения, отличаются в последовательности этих значений.

Полного сравнения объектов я смог добиться, но если в свойстве объекта массив, то каким бы он не был всегда возвращается true. Свойства сравнивал через valueOf для того случая, если свойством будет дата, что бы она сравнивалась корректно.

function deepEqual (obj1, obj2){

if(obj1 === obj2){
     return true;
 }
 else{
     if(Object.keys(obj1).length != Object.keys(obj2).length){ // Проверка на одинаковое количество свойств
         return false;
     }
     for(var propName in obj1){

         if (! obj2.hasOwnProperty(propName)) { // Есть ли свойства в обоих объектах
             return false;
         }
         if(obj1[propName].valueOf() !== obj2[propName].valueOf()){ // Одинаковы ли значения свойст 
             if(! deepEqual(obj1[propName], obj2[propName]) ){ // проверка объекта в объекте
                 return false;
             }

        }
     }
 } 
 return true; }

Вот данные для проверки

Первый объект

 var objA = {
prop1: 'value1',
prop2: 'value2',
prop3: 'value3',
prop4: {
    subProp1: 'sub value1',
    subProp2: {
        subSubProp1: 'sub sub value1',
        subSubProp2: [1, 2, {prop2: 1, prop: 2}, 4, 5]
    }
},
prop5: 1000,
prop6: new Date(2016, 2, 10) };

Второй объект

 var objB = {
prop5: 1000,
prop3: 'value3',
prop1: 'value1',
prop2: 'value2',
prop6: new Date('2016/03/10'),
prop4: {
    subProp2: {
        subSubProp1: 'sub sub value1',
        subSubProp2: [1, 2, {prop2: 1, prop: 2}, 4, 5]
    },
    subProp1: 'sub value1'
}  };

В чем ошибка? Нужно ли для проверки массивов создавать новую функцию?

2
  • 3
    Легче всего сравнивать строки, поэтому я в своих проектах просто использую JSON.stringify() и уже получившиеся строки сравниваю
    – user182722
    19 авг 2017 в 10:01
  • 1
    @Masiama дешево и сердито
    – pepel_xD
    19 авг 2017 в 18:13

4 ответа 4

6

сверить 2 объекта можно одной строчкой:

function deepEqual (obj1, obj2){
   return JSON.stringify(obj1)===JSON.stringify(obj2);
}
3
  • 6
    Первый ответ не очень хорош, т.к. для если объекты одинаковы, но разная очередность ключей = будет ошибка. 16 фев 2019 в 19:02
  • @АнастасияЯцура сорты можно вкинуть, при желании
    – Vadim
    11 апр 2020 в 5:35
  • эти объекты не будут идентичны так как поля в разном прядке даже если дату сделать одинаковыми 30 июл 2021 в 9:02
5

не решение, но хороший пример, как правильно и нужно делать!

Object.compare = function (obj1, obj2) {
  // Цикл через свойства объекта obj1
  for (var p in obj1) {
    //Проверка на то, что оба объекта существуют
    if (obj1.hasOwnProperty(p) !== obj2.hasOwnProperty(p)) return false;

    switch (typeof (obj1[p])) {
      // Глубокое сравнение объектов по ключам и значения:
      case 'object':
        //Нужно добавить что бы была еще проверка на дату внутри 
        if (
          obj1[p] instanceof Date &&
          obj2[p] instanceof Date &&
          String(obj1[p]) !== String(obj2[p])
        )
          return false
        if (!Object.compare(obj1[p], obj2[p])) return false;
        break;
      // Сравнение данных типа function:
      case 'function':
        if (typeof (obj2[p]) == 'undefined' || (p != 'compare' && obj1[p].toString() != obj2[p].toString())) return false;
        break;
      // Сравнение значений:
      default:
        if (obj1[p] != obj2[p]) return false;
    }
  }

  // Проверка объекта obj2 на дополнительные свойства:
  for (var p in obj2) {
    if (typeof (obj1[p]) == 'undefined') return false;
  }
  return true;
}
3
  • Объясните код на русском языке. Если это не Ваш код, то укажите источник.
    – meine
    16 фев 2019 в 19:09
  • Вроде не сложно. Для каждого свойства первого объекта проверяется наличие такого же свойства второго объекта. В конце наоборот. В середине сверяются значения этого свойства у двух объектов в случае их наличия. В зависимости от того, какое это свойство, свой обработчик. Если объект, то рекурсивно проверяем дальше, если функция, то на наличие определения и сравнение названия, ну и так далее.
    – slava guk
    11 сен 2020 в 9:30
  • Этот вариант рабочий но будте внимательны он не работает с датой то есть если свойства дата отличается то он на них не реагирует 30 июл 2021 в 9:07
3
var a = {};
var b = {};

a.prop1 = 2;
a.prop2 = { prop3: 2 };

b.prop1 = 2;
b.prop2 = { prop3: 3 };

console.log(_.isEqual(a, b)); // <- lodash
1
2

введите сюда описание изображенияОбычно я делаю так:

Object.keys({ ...first, ...second }).every(key => first[key] === second[key]);
2
  • Интересное решение, но не работает в случае вложенности: const first = {a: 3, b: 123, c: {d: 123}}; const second = { b: 123, c: {d: 123}, a: 3}; Object.keys({...first, ...second}).every(key => first[key] === second[key]); // false
    – Ningaro
    17 ноя 2022 в 22:08
  • рекурсия в помощь))
    – slava guk
    20 дек 2022 в 21:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.