無法訪問帕格數據陣列中的元素

Question

這是我的路由器的JS代碼，我正在使用帕格運行Node Express服務器。

var express = require('express'); 
var router = express.Router(); 
var https = require('https'); 

/* GET home page. */ 
router.get('/', function(req, res, next) { 
    var url = 'https://data.police.uk/api/forces'; 
    var data = []; 

    https.get(url, function(res){ 
     var body = ''; 

     res.on('data', function(chunk){ 
      body += chunk; 
     }); 

     res.on('end', function(){ 
      var response = JSON.parse(body) 
      for (var i = 0; i< response.length; i++) 
       for (var id in response[i]) { 
        data[i] = response[i] 
       } 
      console.log(data[0].id); 
     }); 

    }).on('error', function(e){ 
     console.log("Error: ", e); 
    }) 

    res.render('map', { 
     title: 'data[0].id' 
    }); 
}); 

module.exports = router; 

這是「）res.on（」我的帕格文件被渲染

p Welcome to #{title} 

中的執行console.log工作完全正常，並顯示JSON包我所期待的。當我在res.render（）中調用這個數組時，例如title：'data [0] .name'會引發一個未定義的錯誤。

Answer 1

將您res.render進入該地區，其中data實際上填充：

var express = require('express'); 
var router = express.Router(); 
var https = require('https'); 

/* GET home page. */ 
router.get('/', function(req, res, next) { 
    var url = 'https://data.police.uk/api/forces'; 
    var data = []; 

    https.get(url, function(res){ 
     var body = ''; 

     res.on('data', function(chunk){ 
      body += chunk; 
     }); 

     res.on('end', function(){ 
      var response = JSON.parse(body) 
      for (var i = 0; i< response.length; i++) 
       for (var id in response[i]) { 
        data[i] = response[i] 
       } 
      console.log(data[0].id); 
      res.render('map', { 
       title: 'data[0].id' 
      }); 
     }); 

    }).on('error', function(e){ 
     console.log("Error: ", e); 
    }) 

}); 

module.exports = router; 

它不填充任何地方，這不是如何異步代碼或作用域的作品。