Expliquer la coercition non booléenne à booléenne en JavaScript ?
Nous apprendrons comment contraindre des valeurs non booléennes en valeurs booléennes en JavaScript. Pour commencer, le mot cast est nouveau en JavaScript. Alors, clarifions ce qu’est la coercition.
La coercition est la conversion d'une variable d'un type de données en un autre type de données. Comme nous le savons tous, JavaScript n’est pas un langage strictement typé. Nous n’avons donc pas besoin de définir le type de la variable. Parfois, JavaScript force automatiquement les variables et donne des résultats imprévisibles dans la sortie.
Il existe deux types de conversions en JavaScript. L’une est l’application implicite et l’autre est l’application explicite. Nous découvrirons les deux moulages un par un dans ce tutoriel.
Forçage explicite
Le transtypage explicite se produit lorsqu'une valeur non booléenne est explicitement convertie en valeur booléenne à l'aide de l'une des méthodes de transtypage booléenne (telle que Boolean() ou !!).
Nous discuterons des deux méthodes en détail :
Casting explicite utilisant l'opérateur double NOT (!!)
Lorsque nous utilisons l'opérateur not (!) sur n'importe quelle valeur en JavaScript, il convertit les valeurs non booléennes en valeurs booléennes.
Un opérateur non (!) donne un résultat incorrect pour une valeur, deux opérateurs non (!!) donnent un résultat réel pour une valeur booléenne.
Grammaire
Les utilisateurs peuvent suivre la syntaxe suivante pour convertir des valeurs non booléennes en valeurs booléennes à l'aide d'opérateurs double NOT. -
var non_bool = "non-bool"; var bool = !!non_bool;
Dans la syntaxe ci-dessus, le premier opérateur not (!) contraint une variable non_bool de type chaîne en une variable booléenne. Le deuxième opérateur not(!) est utilisé pour obtenir la valeur booléenne réelle de la variable non_bool.
Voici quelques exemples d'utilisation de l'opérateur double NOT -
console.log(!!0); // logs false console.log(!!1); // logs true
Dans l'exemple ci-dessus, la valeur non booléenne 0 est explicitement contrainte à une valeur booléenne à l'aide de l'opérateur double NOT. L'opérateur double NOT convertit son opérande en valeur booléenne puis l'inverse, donc l'expression !!0 est équivalente à !(!false), qui est évaluée comme false.
Voyons un exemple complet utilisant HTML et JavaScript
Exemple
Dans cet exemple, nous avons créé trois variables numériques nommées num1, num2 et num3. De plus, nous avons initialisé les variables numériques avec différentes valeurs positives, négatives et nulles.
L'utilisateur peut observer la valeur booléenne réelle du nombre dans la sortie. La valeur booléenne de zéro est fausse car c'est l'une des fausses valeurs booléennes en JavaScript.
<html>
<body>
<h2> Coercion using <i> Doble NOT (!!) </i> Operator </h2>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
let num1 = 10;
let num2 = 0;
let num3 = -10;
output.innerHTML += "num1 = " + num1 + "<br/>";
output.innerHTML += "num2 = " + num2 + "<br/>";
output.innerHTML += "num3 = " + num3 + "<br/>";
output.innerHTML += "The boolean results of the above number values are given below.<br/>";
// Using Double NOT Operator
num1 = !!num1;
num2 = !!num2;
num3 = !!num3;
output.innerHTML += "num1 = " + num1 + "<br/>";
output.innerHTML += "num2 = " + num2 + "<br/>";
output.innerHTML += "num3 = " + num3 + "<br/>";
</script>
</body>
</html>
Utilisez le constructeur Boolean() pour les conversions explicites
En JavaScript, une conversion explicite se produit lorsqu'un développeur JavaScript convertit une variable d'un type de données à un autre. Ici, nous allons apprendre à convertir explicitement une valeur non booléenne en valeur booléenne.
Nous pouvons convertir n'importe quelle valeur en booléen en utilisant simplement le constructeur "booléen" en JavaScript.
Grammaire
Les utilisateurs peuvent contraindre les valeurs non booléennes en JavaScript en valeurs booléennes en suivant la syntaxe suivante.
let var1 = 30; let var2 = Boolean(var1);
Dans la syntaxe ci-dessus, var1 est un type de données numérique et nous le convertissons en valeur booléenne à l'aide du constructeur booléen.
Voici quelques exemples d'utilisation du constructeur Boolean() -
console.log(Boolean(0)); // logs false console.log(Boolean(1)); // logs true
Dans l'exemple ci-dessus, la valeur non booléenne 0 est explicitement contrainte à une valeur booléenne à l'aide d'une fonction booléenne. Une fonction booléenne renvoie la valeur booléenne de son argument, donc l'expression Boolean(0) renvoie false.
Lorsque nous convertissons une valeur non booléenne en valeur booléenne à l'exception des six fausses valeurs, cela donne toujours un résultat vrai. Pour les six valeurs d’erreur, nous obtenons toujours la mauvaise valeur booléenne comme résultat.
Six fausses valeurs booléennes sont données ci-dessous.
Erreur
""
NaN
0
vide
undéfini
Exemple
Nous avons créé différentes variables dans cet exemple et les avons initialisées avec différentes fausses valeurs. Nous pouvons observer que lorsque nous les forçons en booléen, cela donne toujours une valeur booléenne erronée.
<html>
<body>
<h2> Coercion using the <i> Boolean()</i> Constructor </h2>
<p id = "output"> </p>
<script>
let output = document.getElementById("output");
// Creating the variables
let falsy1 = undefined;
let falsy2 = null;
let falsy3 = "";
output.innerHTML += "falsy1 = " + falsy1 + "<br/>";
output.innerHTML += "falsy2 = " + falsy2 + "<br/>";
output.innerHTML += "falsy3 = " + falsy3 + "<br/>";
output.innerHTML +=
"The boolean results of the above falsy values are given below.<br/>";
// coercing the different falsy values to the boolean values.
output.innerHTML += "falsy1 = " + Boolean(falsy1) + "<br/>";
output.innerHTML += "falsy2 = " + Boolean(falsy2) + "<br/>";
output.innerHTML += "falsy3 = " + Boolean(falsy3) + "<br/>";
</script>
</body>
</html>
Coercition implicite
Les conversions implicites se produisent lorsqu'une valeur non booléenne est utilisée dans un contexte où une valeur booléenne est attendue. Dans ce cas, JavaScript convertira automatiquement la valeur en booléen en utilisant un ensemble de règles appelées « Vrai » et « Faux ».
Voici quelques exemples de conversion d'une valeur non booléenne en valeur booléenne -
Exemple
Dans cet exemple, nous utilisons la propriété cachée de l'image en JavaScript pour afficher l'image au clic -
// Example 1: Implicit coercion in a conditional statement
if (0) {
console.log("This will not be logged");
}
// Example 2: Implicit coercion using the logical NOT operator
console.log(!0); // logs true
console.log(!1); // logs false
Dans le premier exemple, la valeur 0 est utilisée dans l'instruction conditionnelle et est implicitement contrainte à une valeur booléenne en utilisant les règles pour les valeurs vraies et fausses. En JavaScript, la valeur 0 est considérée comme fausse, l'instruction conditionnelle ne sera donc pas exécutée.
Dans le deuxième exemple, l'opérateur logique NON est utilisé pour annuler une valeur booléenne qui n'est pas 0. L'opérateur logique NOT inverse la valeur booléenne de son opérande, donc l'expression !0 est équivalente à !false, qui est évalué comme vrai.
Il existe deux types de conversions en JavaScript. L’une est la coercition implicite et l’autre la coercition explicite. Nous avons découvert les deux types de moulages un par un dans ce didacticiel.
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
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
Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal?
Apr 04, 2025 pm 02:42 PM
Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...
Qui est payé plus de python ou de javascript?
Apr 04, 2025 am 12:09 AM
Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.
Démystifier javascript: ce qu'il fait et pourquoi c'est important
Apr 09, 2025 am 12:07 AM
JavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.
Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript?
Apr 04, 2025 pm 05:09 PM
Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...
Comment réaliser des effets de défilement de parallaxe et d'animation des éléments, comme le site officiel de Shiseido?
ou:
Comment pouvons-nous réaliser l'effet d'animation accompagné d'un défilement de page comme le site officiel de Shiseido?
Apr 04, 2025 pm 05:36 PM
La discussion sur la réalisation des effets de défilement de parallaxe et d'animation des éléments dans cet article explorera comment réaliser le site officiel de Shiseido (https://www.shiseido.co.jp/sb/wonderland/) ...
JavaScript est-il difficile à apprendre?
Apr 03, 2025 am 12:20 AM
Apprendre JavaScript n'est pas difficile, mais c'est difficile. 1) Comprendre les concepts de base tels que les variables, les types de données, les fonctions, etc. 2) Master la programmation asynchrone et les implémenter via des boucles d'événements. 3) Utilisez les opérations DOM et promettez de gérer les demandes asynchrones. 4) Évitez les erreurs courantes et utilisez des techniques de débogage. 5) Optimiser les performances et suivre les meilleures pratiques.
Comment implémenter la fonction de glisser-déposer et de régler la fonction de réglage similaire à VScode dans le développement frontal?
Apr 04, 2025 pm 02:06 PM
Explorez la mise en œuvre de la fonction de glisser et de réglage du panneau de type VScode dans le frontal. Dans le développement frontal, comment implémenter un VScode comme ...
La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents?
Apr 04, 2025 pm 05:12 PM
Discussion approfondie des causes profondes de la différence de sortie Console.log. Cet article analysera les différences dans les résultats de sortie de la fonction Console.log dans un morceau de code et expliquera les raisons derrière. � ...
