Apakah tiga jenis pernyataan bersyarat dalam JavaScript?-Soal Jawab bahagian hadapan-php.cn

Rumah

hujung hadapan web

Soal Jawab bahagian hadapan

Apakah tiga jenis pernyataan bersyarat dalam JavaScript?

青灯夜游

Jan 26, 2022 pm 05:02 PM

javascriptpernyataan bersyarat

Tiga jenis pernyataan bersyarat dalam JavaScript: 1. pernyataan "jika lain", sintaks "jika (syarat){...}lain{...}" 2. "tukar...huruf besar"; pernyataan ;3. Pernyataan operasi Ternary, sintaks "Ungkapan bersyarat? Ungkapan1: Ungkapan2;".

Apakah tiga jenis pernyataan bersyarat dalam JavaScript?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Pernyataan penghakiman bersyarat ialah bentuk pernyataan yang kerap digunakan dalam proses pembangunan program Seperti kebanyakan bahasa pengaturcaraan, JavaScript juga mempunyai pernyataan penghakiman bersyarat. Pertimbangan bersyarat yang dipanggil merujuk kepada program yang melaksanakan operasi berbeza berdasarkan keadaan berbeza, seperti memaparkan kandungan berbeza berdasarkan umur, dan menilai sama ada operasi itu berjaya atau gagal berdasarkan nilai Boolean benar atau salah, dsb.

1. pernyataan if-else

1. Tatabahasa

Sintaks if-else terbahagi kepada tiga jenis:

( 1) pernyataan if;

if(条件){ 条件为true时执行代码 }

(2) pernyataan if else;

Contoh

if(条件){ 条件为true时执行的代码 } else { 条件为false时执行的代码 }

if(条件1){ 条件1为true时执行的代码 } esle if (条件2){ 条件1false条件2true } else { 都false }

Hasil output ialah

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IfElse</title>
</head>
<body>

<script type="text/javascript">
     var myage = 10;
    //第一种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
    }
    //第二种语法
    if (myage > 15){
        document.writeln("你的年龄大于15岁");
    }
    else {
        document.writeln("你的年龄小于15岁");
    }
    //第三种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
     }
    else if(myage < 15 ){
         document.writeln("你的年龄大于15小于5岁");
     }
    else {
        document.writeln("你的年龄大于等于15岁")
    }
</script>

</body>
</html>

2 🎜>1 , Sintaks

2. Prinsip kerja Apakah tiga jenis pernyataan bersyarat dalam JavaScript?

Mula-mula tetapkan ungkapan n (biasanya pembolehubah). Nilai ungkapan kemudiannya dibandingkan dengan nilai setiap kes dalam struktur. Jika terdapat padanan, blok kod yang dikaitkan dengan kes itu dilaksanakan.

Sila gunakan break untuk mengelakkan kod daripada berjalan secara automatik ke kes seterusnya.

switch( 表达式 n ){
case 1 : 执行代码块 1; break;
case 2 : 执行代码块 2 ; break;
default: 与 case 1 和 case 2 不同时执行的代码
}

Contoh

Hasil output ialah

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Switch</title>
</head>
<body>

<script type="text/javascript">
    var flag = 2;
    switch (flag) {
        case 1:document.write("纷纷扰扰这个世界，所有的了解。");break;
        case 2:document.write("只要让我留在你身边。");break;
        default:break;
    }
</script>

</body>
</html>

Tiga, operator ternary

Pengendali ternary (juga dikenali sebagai operator bersyarat) terdiri daripada tanda soal dan titik bertindih adalah seperti berikut:

Apakah tiga jenis pernyataan bersyarat dalam JavaScript?

b Operan mestilah A Boolean. ungkapan di mana x dan y ialah nilai apa-apa jenis.

Jika nilai pulangan operan b adalah benar, lakukan operan x dan kembalikan nilai ungkapan itu.

b ? x : y

Jika nilai pulangan operan b adalah palsu, lakukan operan y dan kembalikan nilai ungkapan itu.

Contoh:
Tentukan pembolehubah a, kemudian kesan sama ada a diberikan nilai, dan jika ditetapkan, gunakan nilai tersebut; nilai lalai.

Operator bersyarat boleh ditukar kepada struktur bersyarat:

juga boleh ditukar kepada ungkapan logik:

Dalam perkara di atas ungkapan, Jika a telah diberikan nilai, ungkapan (a = a) akan dilaksanakan Selepas pelaksanaan, ungkapan (a = 0) berikutan operator OR logik tidak akan dilaksanakan lagi jika a belum diberikan nilai , ungkapan yang mengikuti operator logik DAN tidak akan dilaksanakan lagi ungkapan (a = a), seterusnya melaksanakan ungkapan mengikut operator OR logik (a = 0).

var a = null;  //定义变量a
typeof a != "undefined" ? a = a : a = 0;  //检测变量a是否赋值，否则设置默认值
console.log(a);  //显示变量a的值，返回null

Nota:

if(typeof a != "undefined"){  //赋值
    a = a;
}else{  //没有赋值
    a = 0;
}
console.log(a);

Dalam pertempuran sebenar, gangguan nilai palsu perlu dipertimbangkan. Menggunakan typeof a != "undefined" untuk pengesanan boleh mengelak daripada tersilap kerana tiada penetapan apabila pembolehubah diberikan nilai palsu seperti false, null, "", NaN, dsb.

(typeof a != "undefined") && (a =a) || (a = 0);  //逻辑表达式
console.log(a);

[Cadangan berkaitan:

tutorial pembelajaran javascript

]

Atas ialah kandungan terperinci Apakah tiga jenis pernyataan bersyarat dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Berkaitan

Saiz Ekosistem React: Menavigasi Landskap KompleksApr 28, 2025 am 12:21 AM

TonavigateReact'scomplexplexecystemefectively, fahamiThetoolsandlibraries, accentizeTheirstrengthsandWeaknesses, andintegratethemtoenhancedevelopment.startwithcorereactconceptsandusestate, thengradlyintroduceMoreSlikePompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompleKompiker

Bagaimana React menggunakan kekunci untuk mengenal pasti item senarai dengan cekapApr 28, 2025 am 12:20 AM

ReactusesKeystoefficientyDidentyListItemsByprovidingStableIdentityToeachelement.1) KeysallowreacttotrackChangesInlistSwithoutre-renderingheentireList.2) PilihUniqueAndStableKeys, mengelakkanAringArrayIndices.3) correcteyusageSageSageSageSageSageSymifiFicelyimproves

Debugging Isu yang berkaitan dengan kunci dalam React: Mengenal pasti dan menyelesaikan masalahApr 28, 2025 am 12:17 AM

KeysinreactarecrucialForOptimizingTheringProcessandManagingDynamicListSeffectively.tospotandfixkey-Relatedissues: 1) adduniquekeystolistitemstoavoidwarningsandperformanceissues, 2) UseUniquIdierFiersfromdatainsteadofindicessfeadofindicesshipsfeadofindicesshipsfeadofindicesshipsfeadofindicessfeadofindicesshipsfeadofindicesshipsfeadofindicesshipsfeadofindicessfeadofindicessfeadofindices,

Mengikat data satu arah React: Memastikan aliran data yang boleh diramalApr 28, 2025 am 12:05 AM

Mengikat data satu arah React memastikan data mengalir dari komponen induk ke komponen kanak-kanak. 1) Data mengalir ke satu, dan perubahan dalam keadaan komponen induk boleh diserahkan kepada komponen kanak -kanak, tetapi komponen kanak -kanak tidak dapat secara langsung mempengaruhi keadaan komponen induk. 2) Kaedah ini meningkatkan ramalan aliran data dan memudahkan debugging dan ujian. 3) Dengan menggunakan komponen dan konteks terkawal, interaksi pengguna dan komunikasi antara komponen dapat dikendalikan sambil mengekalkan aliran data sehala.

Amalan terbaik untuk memilih dan menguruskan kekunci dalam komponen ReactApr 28, 2025 am 12:01 AM

KeysinreactarecrucialforefficientdomupdatesandReconciliation.1) yang boleh dipilih, unik, danmeaningfulkeys, likeitemids.2) FornestedLists, UseUniqueySateachLevel.3) EvoleUsingArtAringArrayIrdicesorGeneratingKeysdynamicallytopreventPrevanceSsues.

Mengoptimumkan Prestasi dengan UseState () dalam Aplikasi ReactApr 27, 2025 am 12:22 AM

useState () iscrucialforoptimizingreactappperformanceduetoitsimpactonre-rendersandupdates.tooptimize: 1) useusecallbacktomemoizeFunctionsandpreventunnessaryre-renders.2)

Berkongsi keadaan antara komponen menggunakan konteks dan useState ()Apr 27, 2025 am 12:19 AM

Gunakan konteks dan digunakan untuk berkongsi negeri kerana mereka dapat memudahkan pengurusan negeri dalam aplikasi reaksi yang besar. 1) Mengurangkan propdrilling, 2) kod yang lebih jelas, 3) lebih mudah untuk menguruskan keadaan global. Walau bagaimanapun, perhatikan prestasi overhead dan debugging. Penggunaan rasional konteks dan teknologi pengoptimuman dapat meningkatkan kecekapan dan pemeliharaan aplikasi.

Kesan kekunci yang salah pada kemas kini DOM maya ReactApr 27, 2025 am 12:19 AM

Menggunakan kekunci yang salah boleh menyebabkan masalah prestasi dan tingkah laku yang tidak dijangka dalam aplikasi React. 1) Kuncinya adalah pengenal unik item senarai, membantu React mengemas kini DOM maya dengan cekap. 2) Menggunakan kunci yang sama atau tidak unik akan menyebabkan item senarai disusun semula dan keadaan komponen hilang. 3) Menggunakan pengenal yang stabil dan unik sebagai kunci dapat mengoptimumkan prestasi dan mengelakkan penanaman semula penuh. 4) Gunakan alat seperti Eslint untuk mengesahkan ketepatan kunci. Penggunaan kunci yang betul memastikan aplikasi React yang cekap dan boleh dipercayai.

See all articles