首頁 > web前端 > js教程 > 如何在 JavaScript 中檢查一個值是否類似物件?

如何在 JavaScript 中檢查一個值是否類似物件?

WBOY
發布: 2023-08-24 16:13:02
轉載
536 人瀏覽過

如何在 JavaScript 中检查一个值是否类似于对象?

在 JavaScript 中,類似物件值是一個不是原始值且不是未定義的值。類別物件值是非原始值的任何值,包括函數、陣列和物件。 JavaScript 中有不同的方法來檢查值是否為物件。在本文中,我們將介紹在 JavaScript 中檢查值是否類別物件的 3 種方法。

使用 typeof 運算子

typeof 運算子是 JavaScript 中的內建運算符,用於檢查值的型別。 typeof 運算子傳回一個字串,該字串是值的類型。 typeof 運算子可用來檢查 JavaScript 中的值是否類似物件。

範例1

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      document.getElementById("result1").innerHTML ="typeof {}: " + typeof {};
      document.getElementById("result2").innerHTML ="typeof []: " + typeof [];
      document.getElementById("result3").innerHTML ="typeof function(){}: " + typeof function(){};
   </script>
</body>
</html>
登入後複製

下面是對上述程式碼片段的詳細解釋:

在script 標記中的第一個語句中,我們正在檢查空物件{} 的類型。這 typeof 運算子傳回空物件的字串「object」。在第二個聲明中, 我們正在檢查空數組 [] 的類型。 typeof 運算子傳回字串 “object”表示空數組。在第三個語句中,我們正在檢查 an 的類型 匿名函數 function(){}。 typeof 運算子傳回字串“function” 匿名函數。

使用instanceof運算子:

instanceof運算子是JavaScript中的內建運算符,用於檢查值是否 是建構函數的實例。 instanceof 運算子傳回一個布林值 value,如果該值是建構函式的實例,則為 true;如果是 value 不是建構子的實例。可以使用instanceof運算符 檢查 JavaScript 中的值是否類似物件。

範例 2

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      document.getElementById("result1").innerHTML = "Is {} an instance of Object: " + ({} instanceof Object);
      document.getElementById("result2").innerHTML = "Is [] an instance of Array: " +([] instanceof Array);
      document.getElementById("result3").innerHTML ="Is function(){} is an instance of Function: " + (function(){} instanceof Function);
   </script>
</body>
</html>
登入後複製

在腳本標籤中,在第一個語句中,我們檢查空物件 {} 是否是一個 物件建構函數的實例。 instanceof 運算子返回 空物件的布林值 true。在第二個語句中,我們檢查是否 空數組[]是Array建構子的一個實例。實例操作符 對於空數組傳回布林值 true。在第三個語句中,我們正在檢查 如果匿名函數 function(){} 是 Function 建構子的實例。 對於匿名函數,instanceof 運算子傳回布林值 true。

Object.prototype.toString() 方法:

Object.prototype.toString() 方法是JavaScript 中的內建方法,用於將物件轉換為字串。 Object.prototype.toString() 方法可用來檢查 JavaScript 中的值是否類似於物件。

範例 3

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      document.getElementById("result1").innerHTML = Object.prototype.toString.call({})
      document.getElementById("result2").innerHTML = Object.prototype.toString.call([])
      document.getElementById("result3").innerHTML = Object.prototype.toString.call(function(){})
   </script>
</body>
</html>
登入後複製

在腳本標記內的第一個語句中,我們使用 Object.prototype.toString() 方法將空物件 {} 轉換為字串。這 Object.prototype.toString() 方法傳回字串“[object Object]” 空對象。

在 script 標記內的第二個語句中,我們使用 Object.prototype.toString() 方法將空數組[]轉換為字串。這 Object.prototype.toString() 方法傳回空字串“[object Array]”

在第三條語句中,我們使用 Object.prototype.toString() 方法來 將匿名函數 function(){} 轉換為字串。這 Object.prototype.toString() 方法傳回字串“[object Function]” 匿名函數。

結論

在本教程中,我們研究了三種不同的方法來檢查值是否類似於對象 JavaScript。我們研究了 typeof 運算子、instanceof 運算子和 Object.prototype.toString() 方法。所有這些方法都可以用來檢查一個值是否是 類似 JavaScript 中的物件。

以上是如何在 JavaScript 中檢查一個值是否類似物件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板