Explication graphique détaillée de l'utilisation et exemples de l'opérateur ternaire (ternaire) JS-js tutoriel-php.cn

Explication graphique détaillée de l'utilisation et exemples de l'opérateur ternaire (ternaire) JS

yulia

Libérer： 2018-10-12 11:37:04

original

15821 Les gens l'ont consulté

JavaScript est souvent utilisé dans le développement front-end, alors savez-vous comment utiliser l'opérateur ternaire JS ? Cet article vous expliquera l'utilisation de l'opérateur ternaire JS et comment utiliser l'opérateur ternaire pour trouver la valeur maximale. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

L'opérateur ternaire en JavaScript, également appelé opérateur ternaire, fait partie des opérateurs.

La syntaxe de base est : expression ? phrase1 : phrase2

signifie que lorsque la valeur de l'expression est vraie, la phrase1 sera exécutée, sinon la phrase2 sera exécutée

Remarque : Étant donné que l'interpréteur de script JS utilise le point-virgule ";" comme marque de fin d'une instruction, l'instruction A et l'instruction B doivent être une seule instruction et les points-virgules ne peuvent pas être utilisés, sinon une erreur sera signalée.

Exemple : est implémenté à l'aide de l'opérateur ternaire Lorsque l'âge est inférieur à 18 ans, il invite à rejeter les mineurs. Lorsque l'âge est supérieur ou égal à 18 ans, il invite les adultes. peut participer. Le code est le suivant :

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <input id="age" value="18" />
  <button onclick="myFunction()">点我</button>
  <p id="demo"></p>
 </body>
 <script type="text/javascript">
  function myFunction() {
      var age,join;
      age = document.getElementById("age").value;
      join = (age < 18) ? "拒绝未成年人":"成年人可以参加";
      document.getElementById("demo").innerHTML = join ;
  }
 </script>
</html>

Copier après la connexion

Exemple de démonstration : Opérateur ternaire pour trouver la valeur maximale

Cet exemple implique l'utilisation d'un opérateur ternaire multi-conditions, le code spécifique Comme suit :

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <input type="text" id="inp1">
  <input type="text" id="inp2">
  <input type="text" id="inp3">
  <input type="button" value="判断" onclick="test()">
 </body>
 <script type="text/javascript">
  function test(){
        var inp1 = document.getElementById(&#39;inp1&#39;).value;
        var inp2 = document.getElementById(&#39;inp2&#39;).value;
        var inp3 = document.getElementById(&#39;inp3&#39;).value;
        var result = inp1>inp2?(inp1>inp3?inp1:inp3):(inp2>inp3?inp2:inp3);
        alert(result)
   }
 </script>
</html>

Copier après la connexion

Rendu :

Explication graphique détaillée de lutilisation et exemples de lopérateur ternaire (ternaire) JS Ce qui précède présente l'utilisation de l'opérateur ternaire dans JS et comment utiliser l'opérateur ternaire pour trouver la valeur maximale. est relativement simple, rappelez-vous que la structure grammaticale est suffisante. Les débutants peuvent l'essayer eux-mêmes. J'espère que cet article pourra vous aider ! Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo 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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Explication graphique détaillée de l'utilisation et exemples de l'opérateur ternaire (ternaire) JS