Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menulis pernyataan IF sebaris dalam JavaScript?

Bagaimana untuk menulis pernyataan IF sebaris dalam JavaScript?

WBOYke hadapan: 2023-09-07 08:01:051210semak imbas

如何在 JavaScript 中编写内联 IF 语句？

Pernyataan bersyarat ialah konsep yang paling penting dan asas dalam mana-mana bahasa pengaturcaraan. Pernyataan if-else membenarkan kami melaksanakan sebarang blok kod secara bersyarat. Kita boleh mentakrifkan keadaan pernyataan if dalam kurungan kerinting Jika syarat itu benar, kod blok if dilaksanakan jika tidak, ia melaksanakan kod blok else.

Di sini, kami menunjukkan cara pernyataan if-else berfungsi dalam JavaScript.

if (condition) {
   
   // code to execute when the condition becomes true
} else {
   
   // code to execute when the condition becomes false
}

Daripada kod di atas, pengguna boleh memahami sintaks pernyataan if-else.

Bagaimana jika saya katakan anda boleh menulis lima baris kod di atas menjadi satu baris? Ya, anda boleh melakukan ini menggunakan pernyataan inline if.

Tatabahasa

Pengguna boleh menggunakan pernyataan inline if dalam JavaScript mengikut sintaks berikut.

Condition? code - block - 1 : code - block - 2

Dalam sintaks di atas, syaratnya ialah ungkapan. Apabila ungkapan bersyarat adalah benar, blok kod 1 dilaksanakan jika tidak, ia melaksanakan blok kod 2.

Jika kita membandingkan pernyataan inline if dengan pernyataan if-else, maka kod-block-1 ialah kod pernyataan if dan code-block-2 ialah kod pernyataan else.

Contoh

Dalam contoh berikut, kita akan mempelajari penggunaan asas pernyataan inline if. Kami telah menggunakan syarat "10 ===10", jika syarat itu benar, ia akan mencetak "10 tidak sama dengan 10" jika tidak, ia akan mencetak "10 tidak sama dengan 10".

Dalam output, pengguna boleh melihat bahawa ia mencetak "10 bersamaan dengan 10" kerana keadaan sentiasa dinilai kepada benar.

<html>
<body>
   <h2>Using the <i> inline if statement </i> in JavaScript</h2>
   <div id = "output"> </div>
   <script>
      let output = document.getElementById('output');
      let result = 10 === 10 ? "10 is equal to 10." : "10 is not equal to 10.";
      output.innerHTML += "The value of the result variable: " + result;
   </script>
</body>
</html>

Contoh

Dalam contoh di bawah, kami telah mencipta susunan nombor. Selain itu, kami telah mencipta fungsi func1() dan func2() yang mencetak mesej berbeza menggunakan nilai yang diluluskan sebagai parameter.

Kami menggunakan kaedah forEach() untuk menggelung melalui tatasusunan. Dalam fungsi panggil balik kaedah forEach(), kita semak sama ada nombor itu boleh dibahagikan dengan 10, kemudian panggil fungsi func1() jika tidak, panggil fungsi func2().

<html>
<body>
   <h2>Using the <i> inline if statement </i> in JavaScript</h2>
   <div id = "output"> </div>
   <script>
      let output = document.getElementById('output');
      function func1(value) { 
         output.innerHTML += "The func1() is executed for the value " + value + "<br>";
      }
      function func2(value) {
         output.innerHTML += "The func2() is executed for the value " + value + "<br>";
      }
      let numbers = [10, 30, 43, 50, 64, 76, 87];
      numbers.forEach((num) => {
         num % 10 == 0 ? func1(num) : func2(num);
      })
   </script>
</body>
</html>

Contoh

Dalam contoh di bawah, kami menggunakan pernyataan if-else dan pernyataan if sebaris untuk menyemak sama ada tahun tersebut adalah tahun lompat. Fungsi checkYear() menggunakan pernyataan if-else untuk memastikan tahun yang berlalu sebagai hujah ialah tahun lompat.

Dalam fungsi checkInlineYear(), kami melaksanakan logik yang sama seperti dalam fungsi checkYear(), tetapi kami menukar penyataan if-else kepada penyataan inline if. Pengguna boleh melihat bagaimana kami menulis sembilan baris dalam satu baris.

Pengguna dapat melihat bahawa kedua-dua fungsi memberikan output yang sama untuk sebarang nilai tahun.

<html>
<body>
   <h3>Using inline if statement to check whether year is leap year in JavaScript</h3>
   <div id = "output"> </div>
   <script>
      let output = document.getElementById('output');
      function checkYear(year) {
         
         // if the year is divisible by 400, it is a leap year.
         if (year % 400 == 0) {
            return true;
            
            // if the year is divisible by 400 and by 100, it is not a leap year.
         } else if (year % 100 == 0) {
            return false;
            
            // if the year is divisible by 400, not divisible by 100, and divisible by 4, it is a leap year.
         } else if (year % 4 == 0) {
            return true;
         } else {
            return false;
         }
      }
      function checkInlineYear(year) {
         return year % 400 == 0 ? true : year % 100 == 0 ? false : year % 4 == 0 ? true : false;
      }
      output.innerHTML += "Outputs using the checkYear() function. <br> ";
      output.innerHTML += "The 2023 is leap year :- " + checkYear(2020) + "<br>";
      output.innerHTML += "The 3000 is leap year :- " + checkYear(3000) + "<br>";
      output.innerHTML += "<br>";
      output.innerHTML += "Outputs using the checkInlineYear() function. <br> ";
      output.innerHTML += "The 2023 is leap year :- " + checkInlineYear(2020) + "<br>";
      output.innerHTML += "The 3000 is leap year :- " + checkInlineYear(3000) + "<br>";
   </script>
</body>
</html>

Pengguna belajar menggunakan pernyataan inline if dalam JavaScript. Kita boleh perhatikan bahawa pernyataan sebaris jika membuat kod lebih bersih dan lebih mudah dibaca dan sentiasa baik untuk menulis kurang baris kod dengan logik yang sama.

Atas ialah kandungan terperinci Bagaimana untuk menulis pernyataan IF sebaris dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Terangkan keadaan kesediaan yang berbeza untuk permintaan dalam AJAXArtikel seterusnya：Terangkan keadaan kesediaan yang berbeza untuk permintaan dalam AJAX

Artikel berkaitan

Lihat lagi