JavaScript 中如何檢查物件是否存在？
該物件包含 JavaScript 中的屬性及其值。我們可以使用大括號 ({}) 來建立一個物件。它與變數類似，但我們分配一個物件值，而不是向變數分配數字、字串或布林值。
因此，在本教程中，我們將學習檢查 JavaScript 中的物件是否存在。簡而言之，我們必須學習檢查物件變數是否存在的方法。
使用 try-catch 語句
通常，我們使用try-catch語句來處理JavaScript中的錯誤。我們可以嘗試在 try 區塊中存取該對像或其屬性，如果程式沒有找到該對象，則會引發錯誤並轉到 catch 區塊，而不會完成 try 區塊程式碼的執行。
文法
使用者可以依照下列語法使用try-catch區塊來檢查物件是否已定義。
try {
let value = object.prop;
// object is defined
} catch {
// object is not defined
}
我們在上面的語法中存取 try 區塊中未定義的物件。
範例
在下面的範例中，我們使用了 try-catch 語句。在 try 區塊中，我們嘗試存取物件的 prop 屬性，該屬性未定義。
使用者可以在輸出中觀察到，執行控制會從 catch 區塊中列印訊息，但在存取未定義的物件時不會從 try 區塊中列印訊息，這將引發錯誤。
<html>
<body>
<h3>Using the <i>try-catch block</i> to check if the object is defined in JavaScript.</h2>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
try {
let value = object.prop;
output.innerHTML += "The object is successfully defined!"
} catch {
output.innerHTML += "The object is not defined!"
}
</script>
</body>
</html>
使用 typeof 運算子
開發人員可以使用typeof運算子來檢查變數的類型。在這裡，我們將檢查變數類型是否等於“物件”，這意味著該物件存在；否則，如果我們得到“未定義”或任何其他資料類型，則表示該變數不是物件類型。
文法
使用者可以依照下列語法使用 typeof 運算子檢查物件是否存在。
let objType = typeof obj === ‘object’;
在上面的語法中，嚴格相等運算子符合 typeof 運算子的傳回值和「object」字串。
範例
在下面的範例中，我們建立了 obj 物件。當使用者單擊該按鈕時，它會呼叫 isObjectDefined() 函數。在 isObjectDefined() 函數中，我們使用 typeof 運算子來取得 obj 變數的類型並將其儲存在 objType 中。之後，我們將 objType 變數的值與「object」進行比較，以檢查該物件是否存在。
<html>
<body>
<h2>Using the <i>typeof</i> operator to check if the object is defined in JavaScript.</h2>
<p id = "output"></p>
<button onclick = "isObjectDefined()"> Check for Object </button>
<script>
let output = document.getElementById("output");
let obj = {
prop1: "hello",
prop2: "Users!"
}
function isObjectDefined() {
let objType = typeof obj;
if (objType === "object") {
output.innerHTML += "The code contains the object!"
} else {
output.innerHTML += "The code doesn't contain the object!"
}
}
</script>
</body>
</html>
使用 if-else 語句
眾所周知，我們可以將條件傳遞給if語句。變數或物件本身表示布林值。當一個變數存在並且包含除“null”之外的其他值時，它確實是一個布林值；否則，它是一個錯誤的布林值。當我們使用假布林值作為 if 語句的條件時，控制總是轉到 else 區塊。
文法
使用者可以依照下列語法使用 if-else 語句來檢查物件是否存在。
if (object) {
// object exists
} else {
// object doesn’t exist.
}
在上面的語法中，物件是包含該物件的變數。
範例
在下面的範例中，我們建立了電話對象，其中包含一些屬性和值作為鍵值對。之後，我們使用 if-else 語句來檢查程式碼中是否存在電話物件。
使用者可以觀察當電話物件存在時控制轉到 if 區塊的輸出。
<html>
<body>
<h2>Using the <i>if-else</i> statement to check if the object is defined in JavaScript.</h2>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
let phone = {
"color": "blue",
"RAM": "8GB",
"ROM": "128GB"
}
if (phone) {
output.innerHTML += "The phone object defined in the code!"
} else {
output.innerHTML += "The phone object isn't defined in the code!"
}
</script>
</body>
</html>
使用者學習了三種檢查物件是否存在的方法。使用者可以根據自己的需求使用任何一種方法。如果他們還需要捕獲另一個錯誤，則可以使用 try-catch 區塊；否則，他們使用普通的 if-else 語句而不是 typeof 運算子。
以上是JavaScript 中如何檢查物件是否存在？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
如何在瀏覽器中優化JavaScript代碼以進行性能？
Mar 18, 2025 pm 03:14 PM
本文討論了在瀏覽器中優化JavaScript性能的策略，重點是減少執行時間並最大程度地減少對頁面負載速度的影響。
如何使用瀏覽器開發人員工具有效調試JavaScript代碼？
Mar 18, 2025 pm 03:16 PM
本文討論了使用瀏覽器開發人員工具的有效JavaScript調試，專注於設置斷點，使用控制台和分析性能。
如何使用源地圖調試縮小JavaScript代碼？
Mar 18, 2025 pm 03:17 PM
本文說明瞭如何使用源地圖通過將其映射回原始代碼來調試JAVASCRIPT。它討論了啟用源地圖，設置斷點以及使用Chrome DevTools和WebPack之類的工具。
誰得到更多的Python或JavaScript？
Apr 04, 2025 am 12:09 AM
Python和JavaScript開發者的薪資沒有絕對的高低，具體取決於技能和行業需求。 1.Python在數據科學和機器學習領域可能薪資更高。 2.JavaScript在前端和全棧開發中需求大，薪資也可觀。 3.影響因素包括經驗、地理位置、公司規模和特定技能。
開始使用Chart.js：PIE，DONUT和BUBBLE圖表
Mar 15, 2025 am 09:19 AM
本教程將介紹如何使用 Chart.js 創建餅圖、環形圖和氣泡圖。此前，我們已學習了 Chart.js 的四種圖表類型：折線圖和條形圖（教程二），以及雷達圖和極地區域圖（教程三）。 創建餅圖和環形圖 餅圖和環形圖非常適合展示某個整體被劃分為不同部分的比例。例如，可以使用餅圖展示野生動物園中雄獅、雌獅和幼獅的百分比，或不同候選人在選舉中獲得的投票百分比。 餅圖僅適用於比較單個參數或數據集。需要注意的是，餅圖無法繪製值為零的實體，因為餅圖中扇形的角度取決於數據點的數值大小。這意味著任何占比為零的實體
初學者的打字稿，第2部分：基本數據類型
Mar 19, 2025 am 09:10 AM
掌握了入門級TypeScript教程後，您應該能夠在支持TypeScript的IDE中編寫自己的代碼，並將其編譯成JavaScript。本教程將深入探討TypeScript中各種數據類型。 JavaScript擁有七種數據類型：Null、Undefined、Boolean、Number、String、Symbol（ES6引入）和Object。 TypeScript在此基礎上定義了更多類型，本教程將詳細介紹所有這些類型。 Null數據類型 與JavaScript一樣，TypeScript中的null
