Simple javascript loop query for a beginner
FB.api('/me/friends?fields=name,first_name,gender', function(response) {
        console.log(response);
        var divContainer=$('.facebook-friends');
        var testdiv = document.getElementById("test");
        var i=0;

        while (i<response.data.length && response.data[i].gender=='male'){
            testdiv.innerHTML +=  response.data[i].first_name + '<br/>' ;
            i++;
        }

for(var i=0; i<response.data.length; i++){
    if(response.data[i].gender == 'male'){
         testdiv.innerHTML += response.data[i].first_name + '<br />';
    }
}