JavaScript -- 条件语句

简介: 条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码if.

条件语句

通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在 JavaScript 中,我们可使用以下条件语句:

  • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
  • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
  • if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
  • switch 语句 - 使用该语句来选择多个代码块之一来执行

例子:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>条件语句</title>
    </head>

    <body>

        <p>如果时间早于 20:00,会获得问候 "Good day"。</p>
        <button onclick="conditionalStatements()">点击这里</button>
        <p id="demo"></p>
        <script type="text/javascript" src="test.js"></script>
    </body>

</html>

Js代码:

/**
 * 条件语句
 */
function conditionalStatements() {
    var x = "";
    var time = new Date().getHours();
    if (time < 20) {
        x = "Good day";
    } else {
        x = "Good evening";
    }
    document.getElementById("demo").innerHTML = x;
}

 

switch语句例子:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>菜鸟教程(runoob.com)</title>
    </head>

    <body>

        <p>点击下面的按钮来显示今天是周几:</p>
        <button onclick="switchconditionalStatements()">点击这里</button>
        <p id="demo"></p>
        <script type="text/javascript" src="test.js"></script>

    </body>

</html>

Js代码:

/**
 * switch语句
 */
function switchconditionalStatements() {
    var x;
    var d = new Date().getDay();
    switch (d) {
        case 1:
            x = "今天是星期一";
            break;
        case 2:
            x = "今天是星期二";
            break;
        case 3:
            x = "今天是星期三";
            break;
        case 4:
            x = "今天是星期四";
            break;
        case 5:
            x = "今天是星期五";
            break;
        default:
            x = "今天是周末";
            break;
    }
    document.getElementById("demo").innerHTML = x;
}

 

相关文章
|
2月前
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
12天前
|
JavaScript
Vue.js 条件语句
Vue.js 条件语句
|
3月前
|
JavaScript 前端开发
总结vue3 的一些知识点:​Vue.js 条件语句
这里, v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。
|
3月前
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
4月前
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
10月前
|
JavaScript 前端开发
js条件语句
条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句,最基本的条件语句: if…else if…else语句是一种最基本的控制语句,它让JavaScript可以有条件的执行语句。
|
6月前
|
存储 JavaScript 前端开发
javascript基本语法学习(变量、数据类型、操作符、条件语句、循环)
javascript基本语法学习(变量、数据类型、操作符、条件语句、循环)
|
7月前
|
JavaScript 前端开发 小程序
JavaScript丨条件语句
这应该是`JavaScript`系列教程的第五期了,本期讲讲基础知识之条件语句,也是项目中常用的。比如有个挺火的小程序,今天吃什么?其实基本上就是列举了很多的食物,然后使用随机数或者使用条件语句来给你选择其中一个出来。
JavaScript丨条件语句
|
9月前
|
JavaScript 前端开发
JavaScript -- 条件语句和循环语句
JavaScript -- 条件语句和循环语句
|
10月前
|
JavaScript
清除JS定时器setInterval方法防止if条件语句判断无效的解决方案
清除JS定时器setInterval方法防止if条件语句判断无效的解决方案
125 0