编程笔记 html5&css&js 078 JavaScript 条件判断语句

简介: 条件判断语句是首先要接触的语句。通过条件判断来执行不同的代码块。


条件判断语句是首先要接触的语句。通过条件判断来执行不同的代码块。

条件判断语句

在JavaScript中,条件判断语句用于根据特定条件执行不同的代码块。以下是几种主要的条件判断结构:

  1. if 语句
var score = prompt('Please input your score:');
// 将输入转换为数字,因为prompt返回的是字符串
score = Number(score);
if (score >= 90) {
  alert('Excellent! Your grade is: A');
}
  1. 上述示例中,如果用户输入的分数大于等于90,则会弹出一条显示“Excellent!”的消息。
  2. if...else 语句
var age = 20;
if (age >= 18) {
  alert('adult');
} else {
  alert('minor');
}
  1. 在这个例子中,当变量 age 大于或等于18时,程序会弹出“adult”消息;否则,它会弹出“minor”。
  2. if...else if...else 结构
    这种结构用于检查多个条件,并且只有第一个满足的条件对应的代码块会被执行。
var weather = 'rainy';
if (weather === 'sunny') {
  console.log('Go out and enjoy the sun!');
} else if (weather === 'rainy') {
  console.log('Don\'t forget your umbrella.');
} else {
  console.log('It might be a bit cloudy today.');
}
  1. 三元运算符(条件表达式)
    三元运算符是简化的条件判断,它可以替代简单的 if...else 结构。
var result = (score > 50) ? 'Pass' : 'Fail';
console.log(result); // 如果 score > 50,则输出 'Pass',否则输出 'Fail'
  1. Switch 语句
    Switch语句用于基于不同情况执行不同的代码块,每个情况由case关键字定义。
var dayOfWeek = 'Monday';
switch (dayOfWeek) {
  case 'Monday':
    console.log('Start of the work week!');
    break;
  case 'Friday':
    console.log('TGIF!');
    break;
  default:
    console.log('Enjoy your day!');
}

通过这些条件判断结构,JavaScript允许开发者编写能够根据不同条件分支逻辑的程序。

小结

开始练习吧!

相关文章
|
11天前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
13天前
|
JavaScript 前端开发 容器
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
15 2
|
13天前
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
12 1
|
13天前
|
存储 JavaScript 前端开发
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
9 1
|
11天前
|
监控 JavaScript 前端开发
JavaScript与Nest.js:打造高性能的服务器端应用
Nest.js是Node.js的渐进式框架,融合OOP、FP和FRP,提供模块化、装饰器和依赖注入,助建高性能服务器应用。选择Nest.js的原因包括模块化设计、简洁的装饰器API和高性能基础(如Express或Fastify)。开始使用需安装Node.js和`@nestjs/cli`,创建项目、编写控制器。深入学习涉及模块化、服务的依赖注入及中间件。安全性优化涵盖HTTPS、CORS策略、限流和性能监控。
13 0
|
13天前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
12 0
|
13天前
|
JavaScript 前端开发
js/javascript 操作对象【全】(含常用的操作对象的lodash)
js/javascript 操作对象【全】(含常用的操作对象的lodash)
7 0
|
13天前
|
存储 JavaScript 前端开发
js/javascript 操作数组【全】(含常用的操作数组的lodash)
js/javascript 操作数组【全】(含常用的操作数组的lodash)
6 0
|
14天前
|
JavaScript 前端开发
js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、计时、相关插件等
js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、计时、相关插件等
52 0
|
14天前
|
JavaScript 前端开发 Java
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)