Maison  >  Article  >  interface Web  >  Comment utiliser l'opérateur ternaire en JavaScript

Comment utiliser l'opérateur ternaire en JavaScript

不言
不言original
2018-12-21 15:27:099497parcourir

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 
}

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;

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>

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>

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>

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>

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!

Déclaration:
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