前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >07-TypeScript的For循环

07-TypeScript的For循环

作者头像
用户1910585
发布于 2018-05-04 09:57:17
发布于 2018-05-04 09:57:17
1.6K00
代码可运行
举报
运行总次数:0
代码可运行

在传统的JavaScript中,关于循环,可以有两种方式,一种是forEach,一种是for。

forEach的用法如下:

代码语言:javascript
代码运行次数:0
运行
复制
var sarr=[1,2,3,4];
sarr.desc="hello";
sarr.forEach(value=>console.log(value));

上述forEach循环主要存在两个问题,第一个问题是新加入的值会被忽略掉,另一个问题主要的问题是不能使用break跳出循环。

for的用法如下:

代码语言:javascript
代码运行次数:0
运行
复制
for(var n in sarr){
    console.log(n);//访问到属性名(key)
    console.log(sarr[n]);//访问到属性值(value)
}

上述for循环可以访问到新加入的值,但是仍然不能使用break跳出循环。

TypeScript中,可以使用 for of来实现循环,这种实现循环的主要好处是可以通过break控制循环的跳出,用法如下:

代码语言:javascript
代码运行次数:0
运行
复制
for(var m of sarr){
    if(m>2) break;
    console.log(m);
}

for of除了能够遍历数组和集合外,还可以遍历一个字符串:

代码语言:javascript
代码运行次数:0
运行
复制
for(var z of "caojian"){
    console.log(z);
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-09-25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
JavaScript语句之常用for循环
普通for循环在 Array 中可以使用。遍历数组时,是遍历数组下标索引,通过下标去取值。
青年码农
2021/03/23
4060
js中常用的一些遍历方法,及一些跳出循环的方法
break:for循环 、 for in 、 for of、while、do{}while()、
全栈程序员站长
2022/08/28
3K0
一次性搞明白 5 种 for 循环的用法
来源 | https://www.toutiao.com/article/7084114231976657408/
前端达人
2022/04/18
3.3K0
js中的四种for循环
最近刷题时遇到了几种不同for循环,因为没有深入了解导致做题时无法区分它们的用法,尤其是在以及在使用时的注意点。
用户7741497
2022/03/06
2K0
forEach、for in 、 for of三者的区别
在开发过程中经常需要循环遍历数组或者对象,forEach、for in 、 for of这三种方法使用最多 但却一值傻傻分不清楚。。今天来一个大区分。。
青梅煮码
2023/03/02
2880
for……in for……of 区别
ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外层函数。
用户2323866
2021/06/24
4360
JavaScript基本语法(二)
else语句是可选的。如果语句块只包含一条语句,那么可以省略{},与其他语言类似。
魚迹
2023/05/06
2330
Vue进阶(幺零七):arr.forEach() 跳出循环
我们都知道for循环里要跳出整个循环是使用break,但在数组中用forEach循环如要退出整个循环呢?使用break会报错,使用return也不能跳出循环。
全栈程序员站长
2022/09/05
1.5K0
javascript 跳跃式前进 (1) - 基本概念
javascript 是弱类型语言,比较接近python和perl这类,不如java和c那样严格.所以写惯了强类型语言的小伙伴看到有些另类的写法也相当正常;
CRPER
2024/02/25
1280
带你领略JavaScript数组遍历你压根没想过的惊艳操作
every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。
砖业洋__
2023/05/06
2000
带你领略JavaScript数组遍历你压根没想过的惊艳操作
JS常用的循环遍历你会几种?
? 这是第 100 篇不掺水的原创,想要了解更多,请戳上方蓝色字体:政采云前端团队 关注我们吧~ 本文首发于政采云前端团队博客:JS常用的循环遍历你会几种 https://www.zoo.team/
政采云前端团队
2021/06/15
2.3K0
JS常用的循环遍历你会几种?
JS数组遍历的几种方法
    最简单的一种循环遍历方法,也是使用频率最高的一种,可优化     循环过程中支持修改索引(修改 i)
全栈程序员站长
2022/09/14
2.1K0
前端系列 |原生JS和jQuery循环遍历函数
之前总是不清楚原生JS和jQuery中有哪些循环遍历函数,而且有时候还总是把原生JS方法当成jQuery方法来用,以致于项目总是报错,并且还不知道是什么原因。所以,觉得有必要总结出来,区分一下。
Tinywan
2020/07/23
6.8K0
前端系列 |原生JS和jQuery循环遍历函数
当async/await遇上forEach
这是在做格式化wang.oa.com的时候遇到的一个问题,在邮件中提出后,收到了avenwu和erasermeng两位前辈的回复和指导,特此感谢。本文在他们指导后,经我整理后完成。
IMWeb前端团队
2019/12/03
2K0
JS中不同的循环方式和注意事项总结
文章目录 写在前面 循环常见的方式 基础数据准备 性能比较 特性 for循环 while循环 forEach for in for of 总结 写在前面 这篇文章主要是将js中循环的方式进行一个总结,包括常见的循环方式以及需要注意的事项,我尽可能的写的明白一些,因为很多太小的细节可能我自己也不会完全深入的搞明白! 循环常见的方式 for while for in for of forEach 基础数据准备 //声明一个密集数组,如果不进行fill填充的话,默认的是一个稀疏型数组 l
何处锦绣不灰堆
2022/08/07
1.1K0
JavaScript的常用遍历方法整理
但有一个缺点:如果手动向数组添加成员时,索引值会出现问题: 虽然数组的length不变,但用for…in遍历数组会遍历到那些新定义的属性。
裴大头
2022/01/17
1.6K0
JavaScript的常用遍历方法整理
JS几种数组遍历方式总结
JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比
全栈程序员站长
2022/09/14
1.8K0
js数组中一些实用的方法(forEach,map,filter,find)
需求场景: 假若后端返回这么一个json数据格式,如下所示,我们需要拿到返回对象中的数组项,或者根据某些指定的条件,取特定的值,然后渲染到页面当中去,例如:拿name属性值
itclanCoder
2020/10/28
3K0
js数组中一些实用的方法(forEach,map,filter,find)
面试官问我 JS 中 foreach 能不能跳出循环
当年懵懂无知的我被问到这个问题时,脑袋一片空白,因为我一度认为forEach可能只是为了方便书写所创造出来的语法糖,在业务代码中也经常使用,但没有思考过它存在的问题,本文旨在记录自己的心路历程,抛砖引玉,如果对你有所帮助那就更好啦。
茶无味的一天
2022/09/30
3.3K0
ES6中的Iterator 和for of循环
迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。在使用迭代器模式之后,即使不关心对象的内部构造,也可以按顺序访问其中的每个元素。
青梅煮码
2023/02/18
8520
相关推荐
JavaScript语句之常用for循环
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验