Добавить массив как элемент другого массива

Question

У меня есть массив как этот

$scope.dogs = [ 
    { id: 1, breed: 'German Shepherd' }, 
    { id: 2, breed: 'Collie' } 
] 

И второй массив, как это:

$scope.owners = [ 
    { name: 'Mary', breedowned: 'German Shepherd' }, 
    { name: 'Bill', breedowned: 'German Shepherd' }, 
    { name: 'Bob', breedowned: 'Collie' } 
] 

Я хочу, чтобы подтолкнуть список владельцев в список собак как и в основном создания:

$scope.dogs = [ 
    { id: 1, breed: 'German Shepherd', owners: [...] } 
] 

Я пытался использовать forEach и нажмите owners в dogs массив, но он не работает.

 angular.forEach($scope.dogs, function (value, key) { 

      for (x = 0; x < $scope.owners.length; x++) { 
       if ($scope.owners[i].breedowned == value.breed) { 
        $scope.dogs[key].owners.push($scope.owners[i]) 
       } 
      } 
    }); 

Благодарим за помощь!

Answer 1

Если вы не хотите какие-либо форм зависимости, просто использовать Array.prototype.push.apply, таким образом:

Array.prototype.push.apply($scope.owners, $scope.dogs); 

Answer 2

, которого не говоря уже о каких-либо ошибках, но я вижу проблему с Соскучился var перед й в цикл for, а также owners не инициализируется в объекте собаки. Вот последовательное вложенная решение цикла:

angular.forEach($scope.dogs, function (dog) { 
    angular.forEach($scope.owners, function (owner) { 
     if (owner.breedowned == dog.breed) { 
      dog.owners = dog.owners || [] 
      dog.owners.push(owner) 
     } 
    }) 
}) 

Answer 3

Здесь лучшее решение, которое идет только через массив владельцев раз и только через массив собак один раз.

var tracker = $scope.owners.reduce(function(trackerObj, owner){ 
    var breedowned = owner.breedowned; 
    trackerObj[breedowned] = trackerObj[breedowned] || []; 
    trackerObj[breedowned].push(owner); 
    return trackerObj; 
}, {}); 
$scope.dogs.forEach(function(dog){ 
    dog.owners = tracker[dog.breed]; 
});