Maison > Article > interface Web > Comment vérifier si une valeur ressemble à un objet en JavaScript ?

Comment vérifier si une valeur ressemble à un objet en JavaScript ?

WBOYavant: 2023-08-24 16:13:02488parcourir

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

En JavaScript, une valeur de type objet est une valeur qui n'est pas une primitive et n'est pas indéfinie. Une valeur de type objet est toute valeur qui n'est pas une primitive, y compris les fonctions, les tableaux et les objets. Il existe différentes manières en JavaScript de vérifier si une valeur est un objet. Dans cet article, nous présenterons 3 façons de vérifier si une valeur est un objet de classe en JavaScript. L'opérateur

Utiliser le type d'opérateur

typeof est un opérateur intégré en JavaScript qui est utilisé pour vérifier le type d'une valeur. L'opérateur typeof renvoie une chaîne qui est le type de la valeur. L'opérateur typeof peut être utilisé pour vérifier si une valeur en JavaScript est similaire à un objet.

Exemple 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>

Voici une explication détaillée de l'extrait de code ci-dessus :

Dans la première instruction de la balise script, nous vérifions le type de l'objet vide {}. ce L'opérateur typeof renvoie la chaîne "objet" de l'objet vide. Dans la deuxième déclaration, Nous vérifions le type du tableau vide []. L'opérateur typeof renvoie une chaîne "objet" signifie un tableau vide. Dans la troisième instruction, nous vérifions le type d'un Fonction anonyme function(){}. L'opérateur typeof renvoie la chaîne "fonction" Fonction anonyme.

Utiliser l'opérateur instanceof :

l'opérateur instanceof est un opérateur intégré en JavaScript qui est utilisé pour vérifier si une valeur Est une instance d'une fonction constructeur. L'opérateur instanceof renvoie une valeur booléenne value, true si la valeur est une instance du constructeur ; value n'est pas une instance du constructeur. Vous pouvez utiliser l'opérateur instanceof Vérifiez si une valeur en JavaScript ressemble à un objet.

Exemple 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>

Dans la balise script, dans la première instruction, on vérifie si l'objet vide {} est un Instance du constructeur d'objet. L'opérateur instanceof renvoie La valeur booléenne true pour un objet vide. Dans la deuxième instruction, nous vérifions si Un tableau vide[] est une instance du constructeur Array. opérateur d'instance Renvoie un booléen vrai pour un tableau vide. Dans la troisième instruction, nous vérifions Si la fonction anonyme function(){} est une instance du constructeur Function. Pour les fonctions anonymes, l'opérateur instanceof renvoie la valeur booléenne true.

Méthode Object.prototype.toString() :

La méthode Object.prototype.toString() Strong> est une méthode intégrée en JavaScript qui est utilisée pour convertir un objet en chaîne. La méthode Object.prototype.toString() peut être utilisée pour vérifier si une valeur en JavaScript ressemble à un objet.

Exemple 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>

Dans la première instruction à l'intérieur de la balise script, nous utilisons La méthode Object.prototype.toString() convertit un objet vide {} en chaîne. ce La méthode Object.prototype.toString() renvoie la chaîne "[object Object]" Objet vide.

Dans la deuxième instruction à l'intérieur de la balise script que nous utilisons La méthode Object.prototype.toString() convertit un tableau vide[] en chaîne. ce La méthode Object.prototype.toString() renvoie une chaîne vide "[object Array]"

Dans la troisième instruction, nous utilisons la méthode Object.prototype.toString() pour Convertissez la fonction anonyme function(){} en chaîne. ce La méthode Object.prototype.toString() renvoie la chaîne "[object Function]" Fonction anonyme.

Conclusion

Dans ce tutoriel, nous avons examiné trois façons différentes de vérifier si une valeur est similaire à un objet JavaScript. Nous avons examiné le type d'opérateur, l'instance d'opérateur et Méthode Object.prototype.toString(). Toutes ces méthodes peuvent être utilisées pour vérifier si une valeur est Semblable aux objets en JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript Array Object 运算符构造函数字符串 function 对象 typeof prototype

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment définir l'opacité d'une ellipse à l'aide de FabricJS ?Article suivant：Comment définir l'opacité d'une ellipse à l'aide de FabricJS ?

Articles Liés

Voir plus