Javascript array.length 在 d3.csv() 函数中的 .push() 之后返回 0

Question

 const disorders=[];
    const arr = [1,2,3,4,5];
    d3.csv("https://gist.githubusercontent.com/victoirebeaufils/bdc33d6da0fb98eacf4b6c7d630c280b/raw", function(data){
        const disorder = data.disorder;
        disorders.push(data.disorder);

   });

  console.log(disorders)
  console.log(disorders.length)
  console.log(arr)

当我展开 [] 选项卡时，我的数组在控制台中显示长度为 5，但 disorder.length 返回 0 并且我无法访问任何元素。

第一个数组运行良好，还显示元素数量以及数组中的元素，而无需展开选项卡。我不确定这意味着什么或如何修复它以便第二个正常工作。

Answer 1

由于 d3.csv() 是异步工作的，因此您需要一个回调函数:

例如:

const disorders=[];
const arr = [1,2,3,4,5];

function execute(callback) {
   d3.csv("https://gist.githubusercontent.com/victoirebeaufils/bdc33d6da0fb98eacf4b6c7d630c280b/raw", function(data){
     const disorder = data.disorder;
     disorders.push(data.disorder);
     callback(disorders);
   });
}

execute(function(result) {
   console.log(result)
   console.log(result.length)
   console.log(arr)
});