0

Доброго времени суток.
Есть два некоторых неизвестных объекта. Их нужно соединить в один. При чем необходимо соединить по правилам:

  • если в объекте a и в объекте b присутствует одинаковый объект (либо подобъект ЛЮБОЙ вложенности), то оставить объект из b;
  • если в объекте a и в объекте b присутствует одинаковый объект и он является массивом, то надо соединить оба этих массива;
  • если в объекте b есть объект, отсутствующий в a, то добавить его.
  • Надо либо изменить a, либо получить новый объект.

Приведу пример:

a: {
  car: "WW",
  detail:{
    wheel: {
      left: "good",
      right:"bad"
    }
  },
  props: [
    {prop1: "1"},
    {prop1: "2"},
    {prop1: "3"}
  ]
};
// Теперь объект b, который надо совместить:
b: {
  detail:{
    wheel: {
      left: "bad",//изменяем свойство из a на это
      center: "good"//появилось новое свойство
    }
  }
  props: [
    {prop1: "4"}//Добавляем в массив к a.
  ]
}
//вот что получиться должно:
c: {
  car: "WW",
  detail:{
    wheel: {
      left: "bad",
      right:"bad",
      center: "good"
    }
  },
  props: [
    {prop1: "1"},
    {prop1: "2"},
    {prop1: "3"},
    {prop1: "4"}
  ]
};

PS:
Без использования каких-либо библиотек.

2 ответа 2

3

Примерно так?

function extend(a, b){
    for(var prop in b){
        if(Object.prototype.toString.call(b[prop]) == '[object Array]' &&
           Object.prototype.toString.call(a[prop]) == '[object Array]'){ // is array?
                a[prop] = a[prop].concat(b[prop]);
        } else { 
            if(b[prop] === Object(b[prop]) && 
               a[prop] === Object(a[prop])){ // is object?
                extend(a[prop], b[prop]);
            } 
            else {            
                a[prop] = b[prop];
            }            
        }
    }
}

UPD: исправил некорректную работу с массивами.

10
  • Выглядит красиво, и, вроде, что надо. Ща попробую! 6 авг 2012 в 15:35
  • 2
    . Object.prototype.toString.call(b[prop]) == '[object Array]' // ну лучше ли b[prop].constructor === Array // ? К тому-же, если вообще по православному, то лучше всего сделать как-то так: if(!Array.isArray) { Array.isArray = function( v ){ return v && v.constructor === Array } } Ну и дальше в коде: (кэп) Array.isArray( b[prop] ); // ну и, на мой взгляд, вместо b[prop] === Object(b[prop]) // все-же приятнее смотрится конструкция вида b[prop].constructor === Object
    – user3545
    6 авг 2012 в 15:37
  • хз, вообще уже существует Array.isArray на счёт b[prop].constructor === Object var func = function(){ this.name = 'name'; } var obj = new func(); obj.constructor === Object; //fulse
    – Spectre
    6 авг 2012 в 15:40
  • ({fd:"qwe"} === Object({fd:"qwe"})) -- получится false, всегда. Но в общем идея мне ясна, спасибо. Ответ принимаю. 6 авг 2012 в 15:44
  • А, вы исправили ответ. Так вообще хорошо. Спасибо! 6 авг 2012 в 15:46
-3

Если с jQuery, то все просто

$.extend(true, obj1, obj2);
1
  • 1
    PS: Без использования каких-либо библиотек., и еще дополнительно проверьте как отработает extend в случае с массивами и как требуется автору
    – Grundy
    4 мая 2016 в 9:01

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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