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

小结

开始练习吧!

相关文章
|
5天前
|
JavaScript 前端开发 iOS开发
js实用方法记录-动态加载css/js
js实用方法记录-动态加载css/js
9 0
|
7天前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
16 1
|
7天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
15 1
|
13天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
|
19天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
|
21天前
|
JavaScript 前端开发
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
14 1
|
22天前
|
机器学习/深度学习 人工智能 JavaScript
js和JavaScript
js和JavaScript
21 4
|
30天前
|
JavaScript 前端开发
js开发:请解释什么是模块化(modularization),并说明如何在JavaScript中实现模块化。
模块化将复杂系统拆分为松散耦合的模块,提高代码可读性、可维护性、可复用性和可扩展性。JavaScript模块化历经CommonJS(Node.js中常见,使用`require()`和`module.exports`)、AMD(RequireJS,异步加载,`define()`和`require()`)和ES6 Modules(官方标准,`import`和`export`)三个阶段。打包工具如Webpack、Rollup处理兼容性问题,使模块化代码能在各种环境中运行。
|
1月前
|
JavaScript 前端开发
js开发:请解释this关键字在JavaScript中的用法。
JavaScript中的`this`关键字根据执行上下文指向不同对象:全局作用域中指向全局对象(如`window`),普通函数中默认指向全局对象,但作为对象方法时指向该对象。在构造函数中,`this`指向新实例。箭头函数不绑定`this`,而是继承上下文的`this`值。可通过`call`、`apply`、`bind`方法显式改变`this`指向。
10 2
|
1月前
|
存储 JavaScript 编译器
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!