interface Web
js tutoriel
Comment vérifier si une valeur ressemble à un objet en JavaScript ?
Comment vérifier si une valeur ressemble à un objet en JavaScript ?
Aug 24, 2023 pm 04:13 PM
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() 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!
Article chaud
Outils chauds Tags
Article chaud
Tags d'article chaud
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Remplacer les caractères de chaîne en javascript
Mar 11, 2025 am 12:07 AM
Remplacer les caractères de chaîne en javascript
jQuery obtient un rembourrage / marge d'élément
Mar 01, 2025 am 08:53 AM
jQuery obtient un rembourrage / marge d'élément
jQuery Vérifiez si la date est valide
Mar 01, 2025 am 08:51 AM
jQuery Vérifiez si la date est valide
10 vaut la peine de vérifier les plugins jQuery
Mar 01, 2025 am 01:29 AM
10 vaut la peine de vérifier les plugins jQuery
Tutoriel de configuration de l'API de recherche Google personnalisé
Mar 04, 2025 am 01:06 AM
Tutoriel de configuration de l'API de recherche Google personnalisé
Http débogage avec le nœud et le http-console
Mar 01, 2025 am 01:37 AM
Http débogage avec le nœud et le http-console
jQuery Ajouter une barre de défilement à div
Mar 01, 2025 am 01:30 AM
jQuery Ajouter une barre de défilement à div
