Angular, verschmelzen drei Arrays zu einem, wo id übereinstimmen

Question

Ich habe drei API-Endpunkte, wobei api2 und api3 beide einen Fremdschlüssel haben, der api1 id entspricht.

Für jetzt dies ist mein Code, zu tun, was ich will (Verbinden Sie die Objekte mit der ID in ein neues Array entspricht), aber ich würde etwas Hilfe, um es sauberer zu bekommen:

$scope.arr = function() { 
     $scope.cars = []; 
     $scope.information = []; 
     $scope.booking = []; 
     $scope.newArr = []; 

     $http({method: 'GET', url: '*api1*'}).success(function(data) { 
      angular.forEach(data, function(value, key) { 
       $scope.cars.push(value); 
      }) 

      $http({method: 'GET', url: '*api2*'}).success(function(data){ 
       angular.forEach(data, function(value, key) { 
        $scope.information.push(value); 
       }) 

       for(var i = 0, car; car = $scope.cars[i]; i++) { 
        for(var j = 0, information; information = $scope.information[j]; j++) { 
          if(car.id === information.carId){ 
           $scope.newArr.push({ 
            "name" : car.name, 
            "city": information.city, 
            "mile": information.mile, 
           }) 
          } 
        } 
       } 

       $http({method: 'GET', url: '*api3*'}).success(function(data){ 
        angular.forEach(data, function(value, key) { 
         $scope.booking.push(value); 
        }) 

        for(var i = 0, car; car = $scope.cars[i]; i++) { 
         for(var j = 0, booking; booking = $scope.booking[j]; j++) { 
           if(car.id === booking.carId){ 
            $scope.newArr.push({ 
             "book" : booking.isBookable, 
            }) 
           } 
         } 
        } 
       }) 
      }) 
     }) 
    } 

$scope.arr(); 

Es fühlt sich an wie ein Durcheinander, aber der einzige Weg, mit dem ich es geschafft habe. Gibt es einen anderen Ansatz, der das Ganze viel einfacher macht?

Answer 1

versuchen, dies in der letzten Schleife

for (var i=0;i<$scope.newArr.length;i++) { 
       for (var j=0;j<$scope.booking.length;j++) { 
        if (newArr[i].id === $scope.booking[j].carId) { 
          $scope.newArr[i].id = $scope.booking[j].isBookable; 
        } 
       } 
      }