$ .each 완료시 함수 호출

Question

Chrome 콘솔에서 showFriends() 함수를 실행하면 해당 데이터를 볼 수 있습니다. 그러나 코드에서 $ .each 함수 다음에 showFriends()를 호출합니다 - 비동기 적으로 실행 중이므로 실패합니다.

내가 .promise 체인 시도했습니다() 완료 (showFriends();..?를 $ .each 기능을하지만 그 또한 실패 후

어떤 아이디어를

var myApp = {}; 
myApp.fbFriends = []; 

function showFriends() { 
    console.log(myApp.fbFriends); 
} 

function getFriends() { 

    FB.api('/me/friends?fields=birthday', function(response) { 
    var friendsBirthdays = response.data; 
    friendsIdArray = friendsBirthdays.map(function(user) { return user.id }); 
    createFriendsArray(friendsIdArray); 
    }); 

    function createFriendsArray(friendsIdArray) { 

    $.each(friendsIdArray, function(index, value) { 
     FB.api(value.toString(), function(response) { 
     myApp.fbFriends.push(response); 
     }); 
    }); 
    showFriends(); 
    } 
} 

Answer 1

아무것도, 당신을 각 푸시 후 friendIdArray 및 myApp.fbFriends의 길이를 비교할 수 있습니다, 그들은 showFriends()를 실행, 같은과 0보다 큰를하는 경우 즉, 친구가 마지막 반복 후에 표시됩니다 보장합니다

을이 같은 일 :..

을

$.each(friendsIdArray, function(index, value) { 
    FB.api(value.toString(), function(response) { 
    myApp.fbFriends.push(response); 
    if (myApp.fbFriends.length == friendsIdArray.length) 
     showFriends(); 
    }); 
});