news 2026/5/22 9:19:02

第二天——语句(分支语句)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
第二天——语句(分支语句)

分支语句

1、if 分支语句

(案例看完之后自己做)

单分支

if(条件 //若为true则执行) {
// 满足条件要执行的语句

}

双分支

if(条件){

满足条件执行代码

}else{

不满足条件执行代码

}

多分支

if(条件1){

满足条件1执行代码

}else if(条件2){

满足条件2执行代码

}

else if(条件3){

满足条件3执行代码

}else if(条件4){

满足条件4执行代码

}·······

else{

不满足所有条件执行代码

}

基本上与python一样(除了else ifpython是elif

例题

if单分支语句

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let score = +prompt('请输入您的高考成绩:') if(score > 700 ){ console.log('恭喜考入'); } </script> </body> </html>

if双分支语句

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let uname = prompt('请输入用户名:') let posword = +prompt('请输入您的密码') if(uname === 'pink' && posword === 123456){ alert('登录成功') }else{ alert(`登录失败`) } </script> </body> </html>

if多分支语句

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let score = +prompt(`请输入您的成绩:`) if(score > 90){ alert('优秀') // 不用写90 >= score && 因为上方已经把90分以上的筛选走了 }else if(score > 70){ alert('良好') }else if(score > 60){ alert('及格') }else if(60 >= score){ alert('不及格') } </script> </body> </html>

注意:上方的筛选走了,下方便不用写了,如上面的代码

2、三元运算符(只适用于双分支)

使用场景一些简单的双分支,可以使用 三元运算符(三元表达式),写起来比 if else双分支 更简单

符号? 与 : 配合使用

语法:

条件?满足条件执行的代码 : 不满足条件执行的代码

如:

console.log(3 > 5 ? 3 : 5)

>>>5

3 < 5 ? alert('真的') : alert(`假的`)

>>>真的

let sum = 3 < 5 ? 3 : 5

console.log(sum)

>>>3

经常用三元运算符进行赋值操作

案例:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let num1 = +prompt('请输入一个数:') // 数字补0 num1 = num1 < 10 ? '0' + num1 : num1 alert(num1) </script> </body> </html>

3、switch语句(要值为准确值时(一个值))

语法:

switch (数据) {
case 值1:
代码1
break //退出不再执行

case 值2:
代码2
break
...
代码n
}

案例:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let num1 = +prompt('请输入一个数:') let num2 = +prompt('请输入另一个数:') let aaa = prompt('接下来要对这两个数进行加减乘除,请输入+-*/任何一个:') switch(aaa){ case '+' : alert(`${num1+num2}`) break case '-' : alert(`${num1-num2}`) break case '*' : alert(`${num1*num2}`) break case '/' : alert(`${num1/num2}`) break default: alert(`输错了`) break } </script> </body> </html>
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/22 9:18:09

大裁员前夜Meta员工疯狂「薅羊毛」;腾讯操作系统层级AI助手“马维斯”正式上工;GitHub确认遭入侵:3800个内部仓库被窃取 | 极客头条

「极客头条」—— 技术人员的新闻圈&#xff01;CSDN 的读者朋友们好&#xff0c;「极客头条」来啦&#xff0c;快来看今天都有哪些值得我们技术人关注的重要新闻吧。&#xff08;投稿或寻求报道&#xff1a;zhanghycsdn.net&#xff09;整理 | 苏宓出品 | CSDN&#xff08;ID&…

作者头像 李华
网站建设 2026/5/22 9:17:07

MySQL学习笔记(part 1:基础介绍和语句)

一、数据模型 &#xff08;一&#xff09;数据库类型 1.关系型数据库&#xff08;RDBMS&#xff09; 2.非关系型数据库 MySQL属于关系型数据库 &#xff08;二&#xff09;数据模型 客户端--数据库管理系统&#xff08;DBMS&#xff09;--数据库--表 &#xff08;三&…

作者头像 李华
网站建设 2026/5/22 9:16:09

JavaEE|网络原理TCP/IP

应用层之前编写完了基本的 java sock&#xff0c;所写的所有代码都在应用层&#xff0c;都是为了完成某项业务应用层也是直接和应用程序相关&#xff0c;程序员写代码的时候&#xff0c;只要涉及网络通信都可以视为应用层的一部分应用层里涉及到的网络通信的协议很多都是程序员…

作者头像 李华
网站建设 2026/5/22 9:13:51

ZenTimings:AMD Ryzen用户的硬件监控与性能优化利器

ZenTimings&#xff1a;AMD Ryzen用户的硬件监控与性能优化利器 【免费下载链接】ZenTimings 项目地址: https://gitcode.com/gh_mirrors/ze/ZenTimings 在AMD Ryzen平台日益普及的今天&#xff0c;如何精准掌握硬件运行状态成为许多用户关心的问题。ZenTimings作为一款…

作者头像 李华
网站建设 2026/5/22 9:12:15

Seata 分布式事务配置实战:基于 Nacos 的高可用部署方案

Seata 分布式事务配置实战&#xff1a;基于 Nacos 的高可用部署方案 1. 引言 在微服务架构中&#xff0c;分布式事务一直是绕不开的难题。Seata&#xff08;Simple Extensible Autonomous Transaction Architecture&#xff09;是阿里巴巴开源的分布式事务解决方案&#xff0c;…

作者头像 李华
网站建设 2026/5/22 9:10:01

终极抖音批量下载指南:三步轻松保存所有精彩视频

终极抖音批量下载指南&#xff1a;三步轻松保存所有精彩视频 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback support. 抖…

作者头像 李华