update: 流程控制语句
This commit is contained in:
parent
750623572d
commit
32956bb0af
@ -9,7 +9,7 @@
|
||||
|
||||
**表达式**:由数字、运算符、变量的组合(组成的式子)。
|
||||
|
||||
表达式最终都会有一个运算结果,我们称这个结果为表达式的**返回值**。
|
||||
表达式最终都会有一个运算结果,我们将这个结果称为表达式的**返回值**。
|
||||
|
||||
比如:`+`、`*`、`/`、`(` 都是**运算符**,而`(3+5)/2`则是**表达式**。
|
||||
|
||||
@ -296,9 +296,9 @@ console.log('result:' + result); // 打印结果:6(也就是说最后面
|
||||
- 如果第一个值为false,则返回第二个值((如果所有的值都为false,则返回的是最后一个值)。
|
||||
|
||||
|
||||
实际开发中,我们经常是这样来处理容错的:
|
||||
实际开发中,我们经常是这样来做「容错处理」的:
|
||||
|
||||
当成功调用一个接口后,返回的数据为 result 对象。这个时候,我们用变量 a 来接收 result 里的图片资源。通常的写法是这样的:(这里我只是举个例子)
|
||||
当成功调用一个接口后,返回的数据为 result 对象。这个时候,我们用变量 a 来接收 result 里的图片资源。通常的写法是这样的:
|
||||
|
||||
|
||||
```javascript
|
||||
@ -372,11 +372,11 @@ console.log(true > false); //true
|
||||
|
||||
```
|
||||
|
||||
(2)特殊情况:如果符号两侧的值都是字符串时,**不会**将其转换为数字进行比较。比较两个字符串时,比较的是字符串的**Unicode编码**。【非常重要,这里是个大坑】
|
||||
(2)特殊情况:如果符号两侧的值都是字符串时,**不会**将其转换为数字进行比较。比较两个字符串时,比较的是字符串的**Unicode编码**。【非常重要,这里是个大坑,很容易踩到】
|
||||
|
||||
比较字符编码时,是一位一位进行比较。如果两位一样,则比较下一位,所以借用它可以来对英文进行排序。
|
||||
比较字符编码时,是一位一位进行比较。如果两位一样,则比较下一位。
|
||||
|
||||
PS:所以说,当你尝试去比较`"123"`和`"56"`这两个字符串时,你会发现,字符串"56"竟然比字符串"123"要大。也就是说,下面这样代码的打印结果,其实是true:(这个我们一定要注意,在日常开发中,很容易忽视)
|
||||
比如说,当你尝试去比较`"123"`和`"56"`这两个字符串时,你会发现,字符串"56"竟然比字符串"123"要大。也就是说,下面这样代码的打印结果,其实是true:(这个我们一定要注意,在日常开发中,很容易忽视)
|
||||
|
||||
```javascript
|
||||
// 比较两个字符串时,比较的是字符串的字符编码,所以可能会得到不可预期的结果
|
||||
@ -538,7 +538,7 @@ console.log("\u2602"); // 这里的 2602 采用的是16进制。
|
||||
|
||||
![](http://img.smyhvae.com/20181222_1218.png)
|
||||
|
||||
2、同样,我们可以在网页中使用Unicode编码。格式如下:
|
||||
2、我们还可以在 HTML 网页中使用Unicode编码。格式如下:
|
||||
|
||||
```
|
||||
&#四位编码;
|
||||
|
@ -12,13 +12,13 @@ JS中的代码块,只具有**分组**的作用,没有其他的用途。
|
||||
代码块中的内容,在外部是完全可见的。举例:
|
||||
|
||||
```javascript
|
||||
{
|
||||
var a = 2;
|
||||
alert("smyhvae");
|
||||
console.log("永不止步");
|
||||
}
|
||||
{
|
||||
var a = 2;
|
||||
alert("qianguyihao");
|
||||
console.log("永不止步");
|
||||
}
|
||||
|
||||
console.log("a = " + a);
|
||||
console.log("a = " + a);
|
||||
```
|
||||
|
||||
打印结果:(可以看出,虽然变量 a 是定义在代码块中的,但是在外部依然可以访问)
|
||||
@ -59,10 +59,10 @@ if语句有以下三种。
|
||||
格式:
|
||||
|
||||
```javascript
|
||||
if (条件表达式) {
|
||||
// 条件为真时,做的事情
|
||||
if (条件表达式) {
|
||||
// 条件为真时,做的事情
|
||||
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
@ -72,31 +72,31 @@ if语句有以下三种。
|
||||
格式1:
|
||||
|
||||
```javascript
|
||||
if (条件表达式) {
|
||||
// 条件为真时,做的事情
|
||||
if (条件表达式) {
|
||||
// 条件为真时,做的事情
|
||||
|
||||
} else {
|
||||
// 条件为假时,做的事情
|
||||
} else {
|
||||
// 条件为假时,做的事情
|
||||
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
格式:(多分支的if语句)
|
||||
格式2:(多分支的if语句)
|
||||
|
||||
```javascript
|
||||
if (条件表达式1) {
|
||||
// 条件1为真时,做的事情
|
||||
if (条件表达式1) {
|
||||
// 条件1为真时,做的事情
|
||||
|
||||
} else if (条件表达式2) {
|
||||
// 条件1不满足,条件2满足时,做的事情
|
||||
} else if (条件表达式2) {
|
||||
// 条件1不满足,条件2满足时,做的事情
|
||||
|
||||
} else if (条件表达式3) {
|
||||
// 条件1、2不满足,条件3满足时,做的事情
|
||||
} else if (条件表达式3) {
|
||||
// 条件1、2不满足,条件3满足时,做的事情
|
||||
|
||||
} else {
|
||||
// 条件1、2、3都不满足时,做的事情
|
||||
}
|
||||
} else {
|
||||
// 条件1、2、3都不满足时,做的事情
|
||||
}
|
||||
```
|
||||
|
||||
以上所有的语句体中,只执行其中一个。
|
||||
@ -104,21 +104,21 @@ if语句有以下三种。
|
||||
### 做个题目
|
||||
|
||||
```
|
||||
根据BMI(身体质量指数)显示一个人的体型。
|
||||
BMI指数,就是体重、身高的一个计算公式。公式是:
|
||||
BMI =体重÷身高的平方
|
||||
根据BMI(身体质量指数)显示一个人的体型。
|
||||
BMI指数,就是体重、身高的一个计算公式。公式是:
|
||||
BMI =体重÷身高的平方
|
||||
|
||||
比如,老师的体重是81.6公斤,身高是1.71米。
|
||||
那么老师的BMI就是 81.6 ÷ 1.712 等于 27.906022365856163
|
||||
比如,老师的体重是81.6公斤,身高是1.71米。
|
||||
那么老师的BMI就是 81.6 ÷ 1.712 等于 27.906022365856163
|
||||
|
||||
过轻:低于18.5
|
||||
正常:18.5-24.99999999
|
||||
过重:25-27.9999999
|
||||
肥胖:28-32
|
||||
非常肥胖, 高于32
|
||||
过轻:低于18.5
|
||||
正常:18.5-24.99999999
|
||||
过重:25-27.9999999
|
||||
肥胖:28-32
|
||||
非常肥胖, 高于32
|
||||
|
||||
用JavaScript开发一个程序,让用户先输入自己的体重,然后输入自己的身高(弹出两次prompt框)。
|
||||
计算它的BMI,根据上表,弹出用户的身体情况。比如“过轻” 、 “正常” 、“过重” 、 “肥胖” 、“非常肥胖”。
|
||||
用JavaScript开发一个程序,让用户先输入自己的体重,然后输入自己的身高(弹出两次prompt框)。
|
||||
计算它的BMI,根据上表,弹出用户的身体情况。比如“过轻” 、 “正常” 、“过重” 、 “肥胖” 、“非常肥胖”。
|
||||
```
|
||||
|
||||
**答案**:
|
||||
@ -126,45 +126,45 @@ if语句有以下三种。
|
||||
写法1:
|
||||
|
||||
```javascript
|
||||
//第一步,输入身高和体重
|
||||
var height = parseFloat(prompt("请输入身高,单位是米"));
|
||||
var weight = parseFloat(prompt("请输入体重,单位是公斤"));
|
||||
//第二步,计算BMI指数
|
||||
var BMI = weight / Math.pow(height, 2);
|
||||
//第三步,if语句来判断。注意跳楼现象
|
||||
if (BMI < 18.5) {
|
||||
alert("偏瘦");
|
||||
} else if (BMI < 25) {
|
||||
alert("正常");
|
||||
} else if (BMI < 28) {
|
||||
alert("过重");
|
||||
} else if (BMI <= 32) {
|
||||
alert("肥胖");
|
||||
} else {
|
||||
alert("非常肥胖");
|
||||
}
|
||||
//第一步,输入身高和体重
|
||||
var height = parseFloat(prompt("请输入身高,单位是米"));
|
||||
var weight = parseFloat(prompt("请输入体重,单位是公斤"));
|
||||
//第二步,计算BMI指数
|
||||
var BMI = weight / Math.pow(height, 2);
|
||||
//第三步,if语句来判断。注意跳楼现象
|
||||
if (BMI < 18.5) {
|
||||
alert("偏瘦");
|
||||
} else if (BMI < 25) {
|
||||
alert("正常");
|
||||
} else if (BMI < 28) {
|
||||
alert("过重");
|
||||
} else if (BMI <= 32) {
|
||||
alert("肥胖");
|
||||
} else {
|
||||
alert("非常肥胖");
|
||||
}
|
||||
```
|
||||
|
||||
写法2:
|
||||
|
||||
```javascript
|
||||
//第一步,输入身高和体重
|
||||
var height = parseFloat(prompt("请输入身高,单位是米"));
|
||||
var weight = parseFloat(prompt("请输入体重,单位是公斤"));
|
||||
//第二步,计算BMI指数
|
||||
var BMI = weight / Math.pow(height, 2);
|
||||
//第三步,if语句来判断。注意跳楼现象
|
||||
if (BMI > 32) {
|
||||
alert("非常肥胖");
|
||||
} else if (BMI >= 28) {
|
||||
alert("肥胖");
|
||||
} else if (BMI >= 25) {
|
||||
alert("过重");
|
||||
} else if (BMI >= 18.5) {
|
||||
alert("正常")
|
||||
} else {
|
||||
alert("偏瘦");
|
||||
}
|
||||
//第一步,输入身高和体重
|
||||
var height = parseFloat(prompt("请输入身高,单位是米"));
|
||||
var weight = parseFloat(prompt("请输入体重,单位是公斤"));
|
||||
//第二步,计算BMI指数
|
||||
var BMI = weight / Math.pow(height, 2);
|
||||
//第三步,if语句来判断。注意跳楼现象
|
||||
if (BMI > 32) {
|
||||
alert("非常肥胖");
|
||||
} else if (BMI >= 28) {
|
||||
alert("肥胖");
|
||||
} else if (BMI >= 25) {
|
||||
alert("过重");
|
||||
} else if (BMI >= 18.5) {
|
||||
alert("正常")
|
||||
} else {
|
||||
alert("偏瘦");
|
||||
}
|
||||
```
|
||||
|
||||
### if语句的嵌套
|
||||
@ -172,10 +172,10 @@ if语句有以下三种。
|
||||
我们通过下面这个例子来引出if语句的嵌套。
|
||||
|
||||
```
|
||||
一个加油站为了鼓励车主多加油,所以加的多有优惠。
|
||||
92号汽油,每升6元;如果大于等于20升,那么每升5.9;
|
||||
97号汽油,每升7元;如果大于等于30升,那么每升6.95
|
||||
编写JS程序,用户输入自己的汽油编号,然后输入自己加多少升,弹出价格。
|
||||
一个加油站为了鼓励车主多加油,所以加的多有优惠。
|
||||
92号汽油,每升6元;如果大于等于20升,那么每升5.9;
|
||||
97号汽油,每升7元;如果大于等于30升,那么每升6.95
|
||||
编写JS程序,用户输入自己的汽油编号,然后输入自己加多少升,弹出价格。
|
||||
```
|
||||
|
||||
![](http://img.smyhvae.com/20180117_2232.png)
|
||||
@ -204,7 +204,7 @@ if (bianhao == 92) {
|
||||
var price = sheng * 7;
|
||||
}
|
||||
} else {
|
||||
alert("对不起,没有这个编号的汽油!");
|
||||
alert("不好意思,没有这个编号的汽油!");
|
||||
}
|
||||
|
||||
alert("价格是" + price);
|
||||
@ -236,7 +236,15 @@ switch(表达式) {
|
||||
}
|
||||
```
|
||||
|
||||
注意, JS 是属于弱类型语言,这里面的`值1`、`值2`可以是 `'a'`、`6`、`true` 等任意数据类型。
|
||||
|
||||
**注意**:
|
||||
|
||||
- switch 可以理解为“开关、转换” 。case 可以理解为“案例、选项”。
|
||||
|
||||
- switch 后面的**括号里**可以是**表达式**或者**值**, 通常是一个**变量**(通常做法是:先把表达式或者值存放到变量中)。
|
||||
|
||||
- JS 是属于弱类型语言,case 后面的`值1`、`值2`可以是 `'a'`、`6`、`true` 等任意数据类型的值,也可以是表达式。
|
||||
|
||||
|
||||
### switch语句的执行流程
|
||||
|
@ -304,7 +304,7 @@ for (var i = 0; i < 5; i++) {
|
||||
|
||||
### continue
|
||||
|
||||
- continue可以用来跳过**当次**循环。
|
||||
- continue可以用来跳过**当次**循环,继续下一次循环。
|
||||
|
||||
- 同样,continue默认只会离他**最近**的循环起作用。
|
||||
|
@ -46,6 +46,10 @@
|
||||
|
||||
## GitHub 排名统计
|
||||
|
||||
- GitHub中文排行榜、高分优秀中文项目:<https://github.com/kon9chunkit/GitHub-Chinese-Top-Charts>
|
||||
|
||||
中国区的高分项目,都在这里了。
|
||||
|
||||
- GitHub 中国区排名:<https://githuber.cn/search?language=JavaScript>
|
||||
|
||||
这个网站虽然比较小众,但排名还是相对比较准的。
|
||||
@ -62,6 +66,8 @@
|
||||
|
||||
你的项目要是能上 GitHub trending,绝对火得一塌糊涂。
|
||||
|
||||
2019-12备注:现在的 GitHub trending 已经不是严格按照新增的 star 数来排行了。所以说,这个排名,也不是那么权威了。
|
||||
|
||||
## 资讯
|
||||
|
||||
- 36氪:<https://36kr.com/>
|
||||
|
Loading…
Reference in New Issue
Block a user