Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser l'opérateur ternaire en JavaScript

不言
Libérer: 2021-04-21 14:46:41
original
9489 Les gens l'ont consulté

L'opérateur ternaire en Comment utiliser lopérateur ternaire en Comment utiliser lopérateur ternaire en JavaScript est le seul opérateur qui utilise trois opérateurs. Sa syntaxe d'utilisation est [Expression conditionnelle ? Expression 1 : Expression 2 ;].

Comment utiliser l'opérateur ternaire en JavaScript

L'environnement d'exploitation de cet article : système Windows 7, javascript version 1.8.5, ordinateur Dell G3.

L'opérateur ternaire est l'un des opérateurs. Comme son nom l'indique, c'est le seul opérateur qui utilise trois opérateurs. En raison de sa nature, il peut être considéré comme une simple réécriture de l'instruction if. La valeur booléenne doit représenter ses propositions sont deux valeurs vraies ou fausses, écrites respectivement vrai et faux, et sont principalement utilisées pour les branches conditionnelles.

Regardons l'utilisation spécifique de l'opérateur ternaire.

Jetons d'abord un coup d'œil à la syntaxe de l'instruction if et de l'opérateur ternaire

Dans Comment utiliser les instructions conditionnelles if en Comment utiliser lopérateur ternaire en Comment utiliser lopérateur ternaire en JavaScript , nous utilisons l'instruction if pour avoir trois lignes d'expressions ou plus

Exécuter l'expression 1 lorsque l'expression conditionnelle est vraie (vrai) et exécuter l'expression 2 lorsqu'elle est fausse (faux).

if(条件表达式){ 
  //表达式1 
} else { 
  //表达式2 
}
Copier après la connexion

Cependant, si vous utilisez l'opérateur ternaire, vous pouvez décrire brièvement le même contenu que l'instruction if ci-dessus sur une seule ligne, comme indiqué ci-dessous.

La syntaxe de l'opérateur ternaire

条件表达式?表达式1:表达式2;
Copier après la connexion

Regardons un exemple spécifique

Si le montant d'argent est supérieur à 5000 (dont 5000), cela signifie riche, s'il est inférieur à 5000, cela signifie pauvre

Le code de la déclaration if est le suivant

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment utiliser lopérateur ternaire en Comment utiliser lopérateur ternaire en JavaScript</title>
</head>
<body>
<script>
var money = 10000;
if (money >= 5000) {
document.write ("富有");
} else {
document.write ("贫穷");
}
</script>
</body>
</html>
Copier après la connexion

Exécuter Le résultat est le suivant

Comment utiliser lopérateur ternaire en Comment utiliser lopérateur ternaire en JavaScript

Ensuite, changeons la valeur de l'argent variable à 3000.

<script>
var money = 3000;
if (money >= 5000) {
document.write ("富有");
} else {
document.write ("贫穷");
}
</script>
Copier après la connexion

Le résultat d'exécution est le suivant

Comment utiliser lopérateur ternaire en Comment utiliser lopérateur ternaire en JavaScript

Le code utilisant l'opérateur ternaire est le suivant

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment utiliser lopérateur ternaire en Comment utiliser lopérateur ternaire en JavaScript</title>
</head>
<body>
<script>
var money = 10000;
money > 5000 ? document.write("富有") : document.write("贫穷") ;
</script>
</body>
</html>
Copier après la connexion

Parce que la valeur de l'argent variable est de 10 000 supérieure à 5 000, elle est donc affichée comme « riche ».

Comment utiliser lopérateur ternaire en JavaScript

Ensuite, modifions la valeur de l'argent variable à 3000.

<script>
var money = 3000;
money > 5000 ? document.write("富有") : document.write("贫穷") ;
</script>
Copier après la connexion

Les résultats en cours sont les suivants

Comment utiliser lopérateur ternaire en JavaScript

Ce qui précède est l'intégralité du contenu de cet article. Pour un contenu plus passionnant, vous pouvez. suivez le site Web php chinois Colonnes associées ! ! !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!