JavaScript——条件语句

简介: • 条件语句三种写法• if 语句 适用于单条件判断• if else 语句 适用于两种条件的判断(成立和不成立条件判断)。• if else if else 语句 适用于多条件判断

1. 条件语句的介绍

条件语句就是通过条件来控制程序的走向


2. 条件语句语法

  1. if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
  2. if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
  3. if...else if....else 语句 - 使用该语句来判断多条件,执行条件成立的语句


3. 比较运算符

假如 x = 5, 查看比较后的结果:

比较运算符

描述

例子

==

等于

x == 8 为 false

===

全等(值和类型)

x === 5 为 true; x === "5" 为 false

!=

不等于

x != 8 为 true

大于

x > 8 为 false

<

小于

x < 8 为 true

=

大于或等于

x >= 8 为 false

<=

小于或等于

x <= 8 为 true

比较运算符示例代码:

var iNum01 = 12;
var sNum01 = '12';
if(iNum01==12){
    alert('相等!');
}
else{
    alert('不相等!')
}
// "==" 符号默认会将符号两边的变量转换成数字再进行对比,这个叫做隐式转换
if(sNum01==12){
    alert('相等!');
}
else{
    alert('不相等!')
}
// "===" 符号不会转换符号两边的数据类型
if(sNum01===12){
    alert('相等!');
}
else{
    alert('不相等!')
}
// 多条件判断
var sFruit = "苹果";
if (sFruit == "苹果") {
    alert("您选择的水果是苹果");
} else if (sFruit == "鸭梨") {
    alert("您选择的水果是鸭梨");
} else {
    alert("对不起,您选择的水果不存在!")
}



4. 逻辑运算符

假如 x=6, y=3, 查看比较后的结果:

比较运算符

描述

例子

&&

and

(x < 10 && y > 1) 为 true

||

or

(x==5 || y==5) 为 false

!

not

!(x==y) 为 true

逻辑运算符示例代码:

var x = 6;
var y = 3;
if(x < 10 && y > 1){
    alert('都大于');
}
else{
    alert('至少有一个不大于');
}
if(x > 5 || y > 7 ){
    alert('至少有一个大于');
}
else{
    alert('都不大于');
}
if(!(x == y)){
    alert('等于')
}
else{
    alert('不等于')
}



5. 小结

  • 条件语句三种写法
  • if 语句 适用于单条件判断
  • if else 语句 适用于两种条件的判断(成立和不成立条件判断)。
  • if else if else 语句 适用于多条件判断
目录
相关文章
|
6月前
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
3月前
|
JavaScript 前端开发
深入JavaScript的条件语句:if...else和switch
深入JavaScript的条件语句:if...else和switch
|
5月前
|
JavaScript 前端开发
JavaScript基础-运算符与条件语句
【6月更文挑战第11天】本文探讨了JavaScript中的运算符和条件语句,包括算术、比较、逻辑、赋值及三元运算符。强调了使用严格等于`===`避免类型转换错误,理解逻辑运算符短路特性和优化条件结构以提高代码可读性。通过示例展示了正确使用这些概念,以提升代码质量和维护性。
37 2
|
4月前
|
JavaScript 前端开发 安全
|
6月前
|
JavaScript
Vue.js 条件语句
Vue.js 条件语句
|
JavaScript 前端开发
js条件语句
条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句,最基本的条件语句: if…else if…else语句是一种最基本的控制语句,它让JavaScript可以有条件的执行语句。
|
6月前
|
JavaScript 前端开发
总结vue3 的一些知识点:​Vue.js 条件语句
这里, v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。
|
6月前
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
6月前
|
JavaScript
总结 vue3 的一些知识点:​Vue.js 条件语句​
总结 vue3 的一些知识点:​Vue.js 条件语句​
|
JavaScript 前端开发 小程序
JavaScript丨条件语句
这应该是`JavaScript`系列教程的第五期了,本期讲讲基础知识之条件语句,也是项目中常用的。比如有个挺火的小程序,今天吃什么?其实基本上就是列举了很多的食物,然后使用随机数或者使用条件语句来给你选择其中一个出来。
JavaScript丨条件语句