Как объединить два массива объектов JSON - удаление дубликатов и сохранение порядка в Javascript / jQuery?

jsfiddle ссылка:http://jsfiddle.net/vN6fn/1/

Предположим, у меня есть эти 2 объекта:

var obj1 = { data: [ 
                      {id:1, comment:"comment1"},
                      {id:2, comment:"comment2"},
                      {id:3, comment:"comment3"}
                   ] }

var obj2 = { data: [ 
                      {id:2, comment:"comment2"},
                      {id:3, comment:"comment3"},
                      {id:4, comment:"comment4"}
                   ] }

И конечный объект должен выглядеть так:

var final = { data: [ 
                      {id:1, comment:"comment1"},
                      {id:2, comment:"comment2"},
                      {id:3, comment:"comment3"},
                      {id:4, comment:"comment4"}
                   ] }

Вот некоторые вещи для рассмотрения:

obj1 и obj2 могут иметь или не иметь дубликаты

$.extend() заменяет объекты,$.merge() не удаляет дубликаты (я знаю, что могу сделать для цикла, но я ищу лучший способ сделать это).

Ответы на вопрос(3)

Ваш ответ на вопрос