Javascript 對像到字符串

| | | | | | | | | | | | | | | | | | |

[object Object] 是一個對象的字符串表示。例如,如果您使用 alert() 將對像打印到屏幕上,您可以看到此文本。您可以在循環中使用 console.log()、JSON.stringify() 或 ... 查看對象的內容。

在開發 JavaScript 的使用時,我們中的許多人遇到輸出:[object Object]。當我看到他時,我去找當時的導師問他:“那也是什麼意思?” "。我很困惑。

這篇文章旨在告訴你這個版本及其含義。我們將討論如何將 [object object] 翻譯成您可以使用的人類可讀內容。

什麼是 JavaScript [object object]?

> [object Object] 是對象實例的字符串版本。此值由一個 JavaScript 程序,如果您嘗試打印一個對象,而不必先將對象的形式作為字符串放入

這是對象 [object Object ] 的語法:。

難怪開發人員對此感到困惑:沒有錯誤消息或警告守衛告訴我們發生了什麼。看讓這個對像在動作中的示例

[object Object] JavaScript 示例

舉這個例子:

當alert聲明()被執行時,我們的代碼返回[object Object]。我們的程序嘗試返回傳遞給 alert() 方法的字符串表示形式。但是,由於我們的代碼將其視為一個對象,因此它告訴我們它是一個對象的實例

[Object object] 消息的描述性不是很強。但這並不意味著我們看不到對像中的值。讓我們談談我們可以讀取對像中的值“Äã,Äã”的方法

在對象內部?

知道 [object Object] 是對象的實例很好,但我們想知道對象內部。有三種方法可以做到這一點:

  1. 使用 console.log ()
  2. 登錄控制台stringify with JSON.stringify()
  3. 使用...in循環並查看每個屬性

在控制台註冊

查看對象內部內容的最佳方式可能是在控制台註冊該對象。 console.log () 語句允許您查看 JavaScript 對像中的所有值,Äã,Äã

考慮以下代碼:

我們的代碼聲明了一個名為objA的對象。接下來,我們將對象的值打印到控制台。我們的代碼返回:

我們可以在我們的對像中看到值“Äã,Äã”。

使用 JSON.stringify()

方法 JSON.stringify() 將JavaScript 對象轉換為字符串。然後我們可以操作這個鏈。

然後我們可以使用 JSON.stringify() 將一個對象轉換為一個字符串。所以我們可以使用 alert() 向用戶顯示字符串值:

在上一個示例中,我們定義了一個名為 objA 的對象。接下來,我們使用 JSON.stringify() 方法將對象轉換為字符串。然後我們使用 alert 將字符串值顯示到控制台。

我們的代碼會打開一個提示窗口,其中包含以下內容:

使用for ...循環

JavaScript ... in loop 允許我們滾動瀏覽對象的內容。我們可以使用這個循環來打印每個鍵值對

考慮下面的代碼:

我們聲明了一個名為 objA 的 JSON 對象,就像我們在上兩個示例中所做的那樣。然後我們使用 for ... in 循環遍歷該對象的內容。 "key,äù 值代表每個鍵。

我們使用值 "key" 來訪問鍵,使用 objA [key] 來訪問與該鍵關聯的值。我們的代碼返回:

我們使用字符串連接在每個鍵和值之間添加一個冒號 (:)。這允許我們將鍵和值分開,以便在我們的代碼輸出中更具可讀性。

結論

JavaScript代碼[Object object]是一個對象的字符串表示,要查看一個對象的內容,必須使用console.log()將該對像打印到控制台或者將該對象轉換為一個字符串。或者您可以使用 for ... in 循環遍歷對象並查看其內容。

想了解更多關於 JavaScript 的信息嗎?查看我們的 JavaScript 學習完整指南 獲取有關最佳學習資源和線課程。