forked from ITStudio_OUC/DailyChallenge_WebDepartment
45 lines
1.5 KiB
Markdown
45 lines
1.5 KiB
Markdown
# Day_8 · 数据类型转换与运算符
|
|
|
|
> 预计耗时：20~30 分钟
|
|
> 用户输入到网页里的都是字符串，要做计算得先"转换类型"。今天学转换和算术运算。
|
|
|
|
## 今日知识点
|
|
|
|
- 字符串 → 数字：`Number("18")`；数字 → 字符串：`String(18)`
|
|
- 算术：`+` `-` `*` `/` `%`（取余）
|
|
- 注意：`+` 用在字符串上是**拼接**，不是相加
|
|
|
|
## 先学（教程）
|
|
|
|
- 菜鸟教程 JS（看"JS 运算符"和"JS 类型转换"）：https://www.runoob.com/js/js-operators.html
|
|
- MDN·数字与字符串：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/Math
|
|
- B站视频（黑马程序员，看讲"类型转换、运算符"的几集，选看）：https://www.bilibili.com/video/BV1Y84y1L7Nn/
|
|
|
|
## 任务（后做）
|
|
|
|
在控制台里逐行运行并**先猜结果，再对答案**：
|
|
|
|
1. `"1" + "2"` 结果是？
|
|
2. `1 + 2` 结果是？
|
|
3. `Number("18") + 1` 结果是？
|
|
4. `"18" + 1` 结果是？（字符串拼接）
|
|
5. `10 % 3` 结果是？
|
|
|
|
## 完成标准
|
|
|
|
- [ ] 能说出 `"1" + "2"` 为什么是 `"12"` 而不是 `3`
|
|
- [ ] 会用 `Number()` 把字符串转数字
|
|
- [ ] 理解 `%` 取余
|
|
|
|
**提交方式**：把控制台截图（含你的输入和输出）贴在当日工单评论里。
|
|
|
|
## 参考解答（先做再看）
|
|
|
|
```javascript
|
|
"1" + "2" // "12" —— 字符串拼接
|
|
1 + 2 // 3 —— 数字相加
|
|
Number("18") + 1 // 19 —— 转成数字再相加
|
|
"18" + 1 // "181" —— 数字被转成字符串拼接
|
|
10 % 3 // 1 —— 10 除以 3 余 1
|
|
```
|