如何讀取對象文字的JavaScript數組？

Question

在我正在使用的JavaScript應用程序中，我有一個對象數組：

function Message(title, message) {
    this.title=title;
    this.message=message;
}

var MessageArray = new Array();
MessageArray[0] = new Message("Some Title", "Some new message.");

我有一個需要調試的問題。 有什么方法可以讀取或嗅探數組中的當前對象，包括它們的title和message屬性？ 我可以使用這些值向alert()添加另一個函數，但是如果有一個可以像Visual Studio調試器一樣使用的工具，那么我很想知道這一點。 我看了一下Firebug，但它似乎沒有這種能力。

明確地說，我正在尋找一個調試器，該調試器可以讓我在運行時檢查任何變量，而不是當前檢查的MessageArray。 我確實找到了Chrome的“作用域變量”窗格，但似乎只列出了標量，而不列出數組！

Answer 1

大多數現代瀏覽器都具有內置的開發人員控制台，該控制台具有普通調試器的所有功能。 斷點和變量檢查等。 在Chrome瀏覽器中，您可以通過工具菜單或按f12打開它。

您還可以使用JavaScript Console.log(); 將所需的任何內容記錄到開發人員控制台。 這會阻止您使用警報，從而在警報啟動時停止執行JavaScript。

如果是console.log(MessageArray[0].title, MessageArray[0].message); 將打印出標題和消息到控制台。

編輯：

這是Chrome內部控制台的屏幕截圖。 向我展示創建您的對象，然后通過控制台與它們進行交互。

Answer 2

所有現代瀏覽器（IE 7 +，Firefox，Chrome，Opera）都具有調試（開發人員）控制台，因此請嘗試將其用作經典調試器

IE調試控制台也來自Microsoft，因此請嘗試使用它-Firebug可以做到這一點（嘗試wath MessageArray-您將在此找到所有功能）

Answer 3

例如，您可以參考這些屬性：

MessageArray[0].title    
MessageArray[0].message

Answer 4

Firebug的調試器具有您所需的功能。 看看就好了。 如果您的意思是使用IDE工具，那我就不知道了。

Answer 5

在您的情況下，您可以像這樣讀取已存儲的Message對象的標題和消息：

var title = MessageArray[0].title;
var message = MessageArray[0].message;

要獲取數組中每個對象的標題和消息，只需執行以下操作：

for (var i=0; i<MessageArray.length; i++){
    // here MessageArray[i].title is the current title
    // here MessageArray[i].message is the current message
}