带有JSON的奇怪数组结果

Question

这是我使用的一段代码：

     response.json().then(function(data) {  
      var sex = data.map(x=>{
        if(x.gender === "MALE"){
        males.push(x.name);
        }
        else{
          females.push(x.name);
        }
      });
      console.log(males);
   });  console.log(males);

由于某种原因，一旦函数结束，数组已损坏，它不是空的，但显示长度为0。

这是控制台中的两个打印件：

     Array []
     Array(74) [ "JOHN", "BOB", "BILLY", … ]

如您所见，第一个显示为空，但是如果我将其展开，则所有内容都仍然存在，但长度消失了。

有什么想法吗？

我尝试设置长度，玩弄东西，我在Google中找到的有关浏览器控制台中假长度的每个链接等。