编程笔记 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允许开发者编写能够根据不同条件分支逻辑的程序。

小结

开始练习吧!

相关文章
|
3天前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
27 1
|
8天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
19 3
|
11天前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
24 4
|
10天前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
32 0
html5+three.js公路开车小游戏源码
|
19天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
69 6
|
1月前
|
XML 前端开发 JavaScript
前端开发进阶:从HTML到React.js
【10月更文挑战第9天】前端开发进阶:从HTML到React.js
|
1月前
|
人工智能 JavaScript 前端开发
使用Node.js模拟执行JavaScript
使用Node.js模拟执行JavaScript
|
30天前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具
|
30天前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API服务器
【10月更文挑战第12天】使用JavaScript和Node.js构建简单的RESTful API服务器
17 0