JS — 判断语句与循环语句

判断语句

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>
作者:kitty又困了原文地址:https://www.cnblogs.com/kitty-38/p/18675458

%s 个评论

要回复文章请先登录注册