解释:
-
如果判断条件为真,结果为 值1;
-
否则,如果判断条件为假,结果为 值2。
注意:得到结果的类型由值1和值2的类型决定(值1和值2的类型相同)。
===================================================================
生活中,经常重复做某件事情,比如:
-
上学时作业写 3 遍。
-
女朋友说:爱我就对我说 100 遍“我爱你”。
需求:在 TS 中,打印 3 遍以下内容:
‘北冥有鱼,其名为鲲。鲲之大,一锅装不下’
在 TypeScript 中,要实现重复做某件事情,就需要用到循环语句,来减少重复劳动提升效率。
在 TypeScript 中,for 循环就是实现重复做某件事情的循环语句。
注意:for 循环是 TS 基础知识的重难点,语法比较复杂。
上学时作业写 3 遍。先准备,写作业的遍数,默认为:1。
-
第 1 遍:先判断遍数是否 <= 3(是);写作业;遍数 + 1(准备开始第2遍)。
-
第 2 遍:先判断遍数是否 <= 3(是);写作业;遍数 + 1(准备开始第3遍)。
-
第 3 遍:先判断遍数是否 <= 3(是);写作业;遍数 + 1(准备开始第4遍)。
-
第 4 遍:先判断遍数是否 <= 3(否);结束写作业。
for 循环的组成:
-
初始化语句:声明计数器变量用来记录循环次数(执行一次)。
-
判断条件:判断循环次数是否达到目标次数。
-
计数器更新:完成一次循环让计数器数量加1。
-
循环体:循环的代码,也就是要重复做的事情。
语法:
for (初始化语句; 判断条件; 计数器更新) {
循环体
}
解释:
-
初始化语句:声明计数器变量,记录循环次数。
-
判断条件:判断循环次数是否达到目标次数。
-
计数器更新:计数器数量加1。
-
循环体:重复执行的代码,也就是要重复做的事情。
// 作业写 3 遍:
for (let i: number = 1; i <= 3; i++) {
console.log(‘北冥有鱼,其名为鲲。鲲之大,一锅装不下’)
}
意义:for 循环的语法比较复杂,搞明白代码执行顺序,才是真正理解并掌握了 for 循环。
-
初始化语句:只会执行一次。
-
重复执行的部分:判断条件、循环的代码、计数器更新(绿色框框)。
- 说明:红色表示当前执行的代码。
for (let i: number = 1; i <= 3; i++) {
console.log(‘…一锅装不下’)
}
- 执行过程记录:
// 初始化计数器(i = 1) – 只执行一次
// 第 1 次: a 判断条件(1 <= 3)b 循环的代码->打印 c 计数器++(i变为2);
// 第 2 次: a 判断条件(2 <= 3)b 循环的代码->打印 c 计数器++(i变为3);
// 第 3 次: a 判断条件(3 <= 3)b 循环的代码->打印 c 计数器++(i变为4);
// 第 4 次: a 判断条件(4 <= 3),条件不满足,结束循环。
break 和 continue 常用在循环语句中,用来改变循环的执行过程。
for 循环执行的特点是:连续且不间断。
例子:买了 5 个包子,吃包子。
for (let i: number = 1; i <= 5; i++) {
console.log(‘正在吃第’ + i + ‘个包子’)
}
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
最后
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始,原计划每天刷一道算法题,实际上每天有时候不止一题,一年最终完成了 600+:
凭借三年刷题经验,他在校招中很快拿到了各大公司的offer。
入职前,他把他的刷题经验总结成1121页PDF书籍,作为礼物赠送给他的学弟学妹,希望同学们都能在最短时间内掌握校招常见的算法及解题思路。
整本书,我仔细看了一遍,作者非常细心地将常见核心算法题和汇总题拆分为4个章节。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
而对于有时间的同学,作者还给出了他结合众多数据结构算法书籍,挑选出的一千多道题的解题思路和方法,以供有需要的同学慢慢研究。
,作者非常细心地将常见核心算法题和汇总题拆分为4个章节。**
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
而对于有时间的同学,作者还给出了他结合众多数据结构算法书籍,挑选出的一千多道题的解题思路和方法,以供有需要的同学慢慢研究。