使用Javascript進行字符串數組轉換

Question

附加的是有問題的代碼。

var http = require("http"); 
var i = 0; 

var hostNames = ['www.1800autoland.com','www.youtube.com','www.1800contacts.com']; 

for(i;i<hostNames.length;i++){ 
    var options = { 
     host: hostNames[i], 
     path: '/' 
    }; 
    http.get(options, function(res){ 
     console.log("url: " + hostNames[i]); 
     console.log("status: " + res.statusCode); 

     for(var item in res.headers){ 
      if(item == "server"){ 
       console.log(item + ": " + res.headers[item]); 
      } 
      if(item == "x-powered-by"){ 
       console.log(item + ": " + res.headers[item]); 
      } 
      if(item == "x-aspnet-version"){ 
       console.log(item + ": " + res.headers[item]); 
      } 
     } 
     console.log("\n"); 
    }) 
}; 

我有網址的陣列，並且該問題我來諮詢站點是在我的代碼，主機名[I]不顯示第n（「I」在這種情況下或）指數作爲一個字符串。控制檯中的輸出總是「未定義」。我試過String（），toString（）和一些不同的方法無濟於事。有人能指出我正確的方向嗎？我需要做什麼轉換？

Answer 1

這是closure問題，試試這個：

(function (i) { 
http.get(options, function(res){ 
    console.log("url: " + hostNames[i]); 
    console.log("status: " + res.statusCode); 

    for(var item in res.headers){ 
     if(item == "server"){ 
      console.log(item + ": " + res.headers[item]); 
     } 
     if(item == "x-powered-by"){ 
      console.log(item + ": " + res.headers[item]); 
     } 
     if(item == "x-aspnet-version"){ 
      console.log(item + ": " + res.headers[item]); 
     } 
    } 
    console.log("\n"); 
}) 
})(i); 

Answer 2

您應該使用.get（i）方法來檢索該項目。正如其他人所說的，您不需要像陣列中那樣初始化計數器。

Answer 3

這是典型的收尾由於異步性而發生的問題。當您的回調觸發i的值將始終爲hostNames.length。

要修復它關閉周圍的i值：

http.get(options, (function(res) { // '(' before function is optional, I use it to indicate immediate invocation 
    return function (i) { // this is the closed value for i 
     console.log("url: " + hostNames[i]); 
     console.log("status: " + res.statusCode); 
     // .. etc 
    }; 
}(i))); // immediate invocation with i 

實現有關使用閉包這樣什麼是重要的，是你正在做一些匿名函數，而不是一個。每個函數都綁定到它自己的值i。

---

，以避免寫的代碼，這些奇怪位最簡單的方法是不直接使用for循環，但使用map功能。像：

function array_map(array, callback) { 
    var i, len = array.length; 
    for (i = 0; i < len; i += 1) { 
     callback(i, array[i]); 
    } 
} 

這使它自動關閉i的值。你的循環將類似於：

array_map(hostNames, function(i, hostname) { // i and hostname have the closed value 
    // .. etc 
});