菜鸟教程 -- 学的不仅是技术,更是梦想!

Javascript 教程

JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript VScode JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 字符串模板 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语句 JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript async/await JavaScript 代码规范 JavaScript 测验

JS 函数

JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包

JS 类

JavaScript 类 JavaScript 类继承 JavaScript 静态方法

JS HTML DOM

DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象

JS 高级教程

JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象

JS 浏览器BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie

JS 库

JavaScript 库 JavaScript 测试 jQuery JavaScript 测试 Prototype

JS 实例

JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结

JS 参考手册

JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 JavaScript 静态方法

JavaScript 比较和逻辑运算符

JavaScript switch 语句

(追記) (追記ここまで)

JavaScript if...Else 语句

条件语句用于基于不同的条件来执行不同的动作。

条件语句

通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在 JavaScript 中,我们可使用以下条件语句:

if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行

if 语句

只有当指定条件为 true 时,该语句才会执行代码。

语法

if (condition)
{
当条件为 true 时执行的代码
}

请使用小写的 if。使用大写字母(IF)会生成 JavaScript 错误!

实例

当时间小于 20:00 时,生成问候 "Good day":

if(time<20){x="Good day"; }

x 的结果是:

尝试一下 »

请注意,在这个语法中,没有 ..else..。您已经告诉浏览器只有在指定条件为 true 时才执行代码。

if...else 语句

请使用 if....else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。

语法

if (condition)
{
当条件为 true 时执行的代码
}
else
{
当条件不为 true 时执行的代码
}

实例

当时间小于 20:00 时,生成问候 "Good day",否则生成问候 "Good evening"。

if(time<20){x="Good day"; }else{x="Good evening"; }

x 的结果是:

尝试一下 »

if...else if...else 语句

使用 if....else if...else 语句来选择多个代码块之一来执行。

语法

if (condition1)
{
当条件 1 为 true 时执行的代码
}
else if (condition2)
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和条件 2 都不为 true 时执行的代码
}

实例

如果时间小于 10:00,则生成问候 "Good morning",如果时间大于 10:00 小于 20:00,则生成问候 "Good day",否则生成问候 "Good evening":

if(time<10){document.write("早上好"); }elseif(time>=10 && time<20){document.write("今天好"); }else{document.write("晚上好!"); }

x 的结果是:

尝试一下 »

[画像:Examples]

4 篇笔记写笔记

小菜鸟

131***[email protected]

134

提一个优化 if 的方法

可以这样写:

const condition = condition1
let obj = {
 'condition1' : () => { ... },
 'condition2' : () => { ... },
 'condition3' : () => { ... },
}
obj[condition]()

实例:

const condition = 2
let obj = {
 '1' : () => { document.write(1) },
 '2' : () => { document.write(2) },
 '3' : () => { document.write(3) },
}
obj[condition]()

尝试一下 »

小菜鸟

131***[email protected]

8年前 (2018年10月16日)

LI LINBO

215***[email protected]

124

楼上那种方法在表达式必定有一条成立的情况下使用。如果三条表达式都不成立,则程序不会继续执行。

<script>
var minute=new Date().getMinutes();//获取当前时间数
let obj={
'24':()=>{document.write("24");},
'25':()=>{document.write("25");},
'26':()=>{document.write("26");},
}
obj[minute]();
document.write("如果当前时间分钟数不是24/25/26中的任意一个数,这一条应该不会被执行。");
</script>

LI LINBO

215***[email protected]

7年前 (2019年08月01日)

#0
小垃圾
771***[email protected]
44
一楼的算法没有问题,是建立在排除耦合和维护的问题。一楼的代码程序运行在 obj[condition]() 时如果是 true,继续向下运行。反之不会继续运行。形如 C 的 switch 语句。但是如果出现这种情况,这个函数可以使用——
```
const condition = 2
let obj = { '1' : () => { document.write(1) },
'2' : () => { document.write(2) },
'3' : () => { document.write(3) },
}
··········所有业务
obj[condition]()
```
将 obj[condition]() 放在语句尾部,在 obj 之前的语句都可以被浏览器解释。
小垃圾
771***[email protected]
7年前 (2019年11月11日)

不能吃的橙子

353***[email protected]

以下几种情况返回 true:

var x = 3.14;
var n = true; // boolean true
if (x == 3.14 && n){document.write(true);}else{document.write(false);};

以下也返回 true:

var x = 3.14;
var n = 'false';// 字符串 'false'为 true
if (x == 3.14 && n){document.write(true);}else{document.write(false);};

以下两种会返回 false:

// 第一种
var x = 3.14;
var n = false;
if (x == 3.14 && n){document.write(true);}else{document.write(false);};
// 第二种
var x = 3.14;
var n = 0;
if (x == 3.14 && n){document.write(true);}else{document.write(false);};
// 这也会返回 false 
var x = 3.14;
var n;// undefined=false
if (x == 3.14 && n){document.write(true);}else{document.write(false);};

不能吃的橙子

353***[email protected]

6年前 (2020年05月24日)

菜鸟教程 -- 学的不仅是技术,更是梦想!

JS 函数

JS 类

JS HTML DOM

JS 高级教程

JS 浏览器BOM

JS 库

JS 实例

JS 参考手册

JavaScript if...Else 语句

条件语句

if 语句

语法

实例

if...else 语句

语法

实例

if...else if...else 语句

语法

实例

更多实例

4 篇笔记写笔记

点我分享笔记

菜鸟教程 -- 学的不仅是技术,更是梦想!

JS 函数

JS 类

JS HTML DOM

JS 高级教程

JS 浏览器BOM

JS 库

JS 实例

JS 参考手册

JavaScript if...Else 语句

条件语句

if 语句

语法

实例

if...else 语句

语法

实例

if...else if...else 语句

语法

实例

更多实例

4 篇笔记 写笔记

点我分享笔记

4 篇笔记写笔记