JavaScript —— 判断语句与循环语句-牛翰网

判断语句

JavaScript中的if-else语句与C++、Python、Java中类似。

直接输出到控制台：

test.html中的内容为：

<script type="module">
    let score = 90;
    if (score >= 85) {
        console.log("A");
    } else if (score >= 70) {
        console.log("B");
    } else if (score >= 60) {
        console.log("C");
    } else {
        console.log("D");
    }
</script>

使用输入输出来写：

test.js中的内容为：

let input = document.querySelector(".input");
let run = document.querySelector("button");
let output = document.querySelector("pre");

function main() {
    // 给<run>元素添加监听事件。当触发“click”时，执行function()函数
    run.addEventListener("click", function(){
        let score = parseInt(input.value);  // 获取textarea中的input的值（输入）
        let res;

        if (score >= 85) {
            res = "A";
        } else if (score >= 70) {
            res = "B";
        } else if (score >= 60) {
            res = "C";
        } else {
            res = "D";
        }
      
        output.innerHTML = res;  // 展示pre内的标签内容（输出）
    })
}

export {
    main
}

test.html中的内容为：

<body>
    输入：
    <br>
    <textarea class="input" name="" id="" cols="30" rows="10"></textarea>
    <br>
    <button>Run</button>
    <br>
    <pre></pre>

    <script type="module">
        import {main} from "/test/test.js";

        main();   
    </script>
</body>

JavaScript中的逻辑运算符也与C++、Java中类似：

|  &&  | 表示 |  与  |
| ---- | ----| ---- |
|  ||  | 表示 |  或  |
| ---- | ----| ---- |
|  !   | 表示 |  非  |

循环语句

JavaScript中的循环语句与C++中类似，也包含for、while、do while循环。

for循环：

<script type="module">
    for (let i = 0; i < 10; i++) {
        console.log(i);
    }
</script>

枚举对象或数组时可以使用：

for-in循环，可以枚举数组中的下标，以及对象中的key
for-of循环，可以枚举数组中的值，以及对象中的value

while循环：

<script type="module">
    let i = 0;
    while (i < 10) {
        console.log(i);
        i++;
    }
</script>

do while循环：

do while语句与while语句非常相似。唯一的区别是，do while语句限制性循环体后检查条件。不管条件的值如何，我们都要至少执行一次循环（无条件执行一次）。

<script type="module">
    let i = 0;
    do {
        console.log(i);
        i++;
    } while (i < 10);
</script>

来源链接：https://www.cnblogs.com/kitty-38/p/18675458

本站所有资源来自于网络，仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您(转载者)自己承担！
如有侵犯您的版权，请及时联系3500663466#qq.com(#换@)，我们将第一时间删除本站数据。

THE END

JavaScript 前端开发编程开发