Объединение два объекта в JavaScript

Question

Я имеющий следующий код, чтобы объединить два объекта

Код:

var goals = {1:"first",2:"second"}; 
var pages = {1:"page1",2:"page2"}; 

var result = {}; 

for(var goal in goals){ 
    for(var page in pages){ 
     if(page.hasOwnProperty(goal)){ 
     result[goal] = {"goal":goals[goal],"page":pages[page]}; 
     } 
    } 
} 

console.log(result); 

Ожидаемый результат:

result = {1:{"goal":"first","page":"page1"},2:{"goal":"second","page":"page2"}}; 

код работает отлично и получение ожидаемого результата.

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

Улучшен код

var result = {}; 

    for(var goal in goals){ 
    if(pages.hasOwnProperty(goal)){ 
     result[goal] = {"goal":goals[goal],"page":pages[goal]}; 
     } 
    } 

Answer 1

Вы должны использовать obj.hasOwnProperty().

Когда вы делаете for x in y, он предоставляет вам все свойства и методы объекта.

obj.hasOwnProperty() указывает, является ли свойство прямым объектом объекта или его прототипом (если возвращает false).

Ваша функция расширения должна выглядеть следующим образом:

function extend(src, dst){ 
    for(var key in dst) 
     if(dst.hasOwnProperty(key)) 
      src[key] = dst[key]; 
    return src; 

Answer 2

Ваше решение O (м * п). Ниже О (т + п):

var goals = {1:"first",2:"second"}; 
var pages = {1:"page1",2:"page2"}; 

var result = {}; 
for(var x in goals){ 
if(!result[x])result[x] = {}; 
result[x].goals = goals[x]; 
} 
for(var x in pages){ 
if(!result[x])result[x] = {}; 
result[x]. page = pages[x]; 
} 

Answer 3

С Underscore.js вы получите хороший и простой Однострочник:

var result = _.extend(goals, pages);