首页 > 其他分享 >JS — 判断语句与循环语句

JS — 判断语句与循环语句

时间:2025-01-16 17:56:23浏览次数:1  
标签:语句 console score JS while 循环 let log

判断语句

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>

标签:语句,console,score,JS,while,循环,let,log
From: https://www.cnblogs.com/kitty-38/p/18675458

相关文章

  • wordpress 从服务器收到预料之外的响应。此文件可能已被成功上传。请检查媒体库或刷新
    两种报错方式:1.此响应不是合法的JSON响应。2.从服务器收到预料之外的响应。此文件可能已被成功上传。请检查媒体库或刷新本页。情况:媒体服务器上传小文件没问题,大一点的文件报这个错误。原因:这是因为nginx限制了请求体大小方案:需要在nginx的虚拟机配置文件中添加:client_max_b......
  • Docker安装wikijs wiki系统.210818
    1.拉取mysql8的镜像并运行dockerpullmysqldockerrun-d-v/data/mysql/data:/var/lib/mysql-v/data/mysql/conf:/etc/mysql/conf.d--namemysql-eTZ=Asia/Shanghai-eMYSQL\_ROOT\_PASSWORD=1234-p3306:3306mysql:latest2.进入mysql,创建并修改权限docker......
  • 计算机毕业设计Springboot基于vue的购物商城 Vue.js驱动的Springboot购物平台开发 基
    计算机毕业设计Springboot基于vue的购物商城z6fe4u53(配套有源码程序mysql数据库论文)本套源码可以先看具体功能演示视频领取,文末有联xi可分享随着互联网技术的飞速发展,电子商务已经成为人们生活中不可或缺的一部分。一个高效、用户友好的购物商城系统,不仅能够为消费者提......
  • JS节点操作
    目录1、创建节点2、创建文本3、添加节点4、替换节点5、删除节点6、克隆节点7、创建节点另外几种方式(1)、element.innerHTML(2)、element.innerText(3)、document.write()1、创建节点docment.createElement('节点')参数:标签名字符串这些元素原先不存在,是根据需求动......
  • Jsoncpp的安装与使用方式
    JsonCpp是一个C++库,用于解析和生成JSON数据。它支持解析JSON文件或字符串到C++对象,以及将C++对象序列化回JSON格式。安装Jsoncpp我们可以输入以下命令安装jsoncpp库。sudoyuminstall-yjsoncpp-devel安装时默认安装动态库。头文件存储在/usr/include/jsoncpp/json中。......
  • 前端新手如何用vite构建小程序中使用的模块(以AES加密模块crypto-js为例)
    如果你只是想简单地把在vite项目中使用的模块引入到小程序中,不妨试试库模式。以crypto-js为例,你需要写两个JS文件:一个是构建脚本,类似于vite.config.js;//build.cjsconst{build}=require('vite'),path=require('path');build({publicDir:false,configFile:false......
  • 【开源免费】基于SpringBoot+Vue.JS林业产品推荐系统(JAVA毕业设计)
    本文项目编号T139,文末自助获取源码\color{red}{T139,文末自助获取源码}......
  • 原生JS实现一个日期选择器(DatePicker)组件
    这是通过原生HTML/CSS/JavaScript完成一个日期选择器(datepicker)组件,一个纯手搓的组件的开发。主要包括datepicker静态结构的编写、日历数据的计划获取、组件的渲染以及组件事件的处理。根据调用时的时间格式参数,可以控制短日期格式或长日期格式。实现效果(短日期格式)实现效果......
  • Json 序列化,将对象序列化为Json字符串(此Json序列化,是“不安全的放松JSON转义”,即不会
    ///<summary>///Json序列化帮助类///</summary>publicclassJsonSerializerHelper{///<summary>///将对象序列化为Json字符串(此Json序列化,是“不安全的放松JSON转义”,即不会将物特殊符号和中文进行转码)///</summary>///<paramname="obj"></param>......
  • 如何在小程序中优雅地使用 three.js
    项目官网:Three.jsPlatformAdapter目录成果展示兼容性Three.js版本Loader支持快速上手从模板开始已有项目集成创建一个场景成果展示目前仅支持在微信小程序中使用,后续会兼容到微信小游戏/其他平台小程序/小游戏中。示例的微信小程序,包含了300余个three......