typescript学习笔记：[forEach] [for-in] [for-of]的区别

最新推荐文章于 2024-05-17 00:15:00 发布
最新推荐文章于 2024-05-17 00:15:00 发布
阅读量821 收藏
点赞数
文章标签： es6 typescript angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/go_jun/article/details/106478466
版权
这篇笔记探讨了在TypeScript中，`forEach`、`for-in`和`for-of`遍历数组的区别。`forEach`主要用于遍历数组的值，而`for-in`遍历的是数组的索引。`for-of`循环则更灵活，不仅可以遍历数组，还能遍历类数组对象、Map、Set和字符串。文中通过实例展示了它们的不同行为，并指出`for-of`可以与`break`、`continue`和`return`配合使用，提供了更多控制选项。此外，还分享了一个在线TypeScript编译器的链接。
摘要由CSDN通过智能技术生成

typescript学习笔记：[forEach] [for-in] [for-of]的区别

例子

写一个数组，然后分别用[forEach] [for-in] [for-of] 遍历它。

var arr = ['aaa', 'bbb', 'ccc'];
  1. forEach 遍历arr：
arr.forEach(value => console.log(value));

forEach运行结果：

aaa
bbb
ccc

  1. for-in 遍历arr：
<
最低0.47元/天 解锁文章
go_jun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-typescript-admin-mock-server:for vue-typecript-admin-template项目的模拟服务器
04-29
info: { name: 'Mock API', description: 'Mock API for vue-typescript-admin-template.', version: '1.0.0'},paths: { get: [ '/mock-api/v1/articles', '/mock-api/v1/articles/:id', '/mock-api/
typescript-generator：从Java-JSON声明，REST服务客户端生成TypeScript
02-03
typescript-generator是一个用于从Java JSON类生成TypeScript定义文件（.d.ts）的工具。 如果您有使用对象到JSON映射以Java编写的REST服务，则可以使用typescript-generator从Java类生成TypeScript接口。 例如，此...
typescript中的for of与for in 以及forEach的区别？
liweibo348的博客
10-17 5417
for of      用for of循环时，该过程可以被打断。循环出的结果不是数组的下标，而是数组中的元素。   for in 过程不能被打断，循环出的结果是数组的下标。     forEach 过程不能被打断。其他与for of类似，但是forEach是老版本中的方法。   看示例： a: var myArray = [1,2,3,4]; for(var n of m...
typescript 使用for...in遍历对象
林达浪学前端
04-07 170
元素隐式具有 “any” 类型，因为类型为 “string” 的表达式不能用于索引类型。字面量组成联合类型，就可以使用。
「TypeScript系列」TypeScript 循环
最新发布
日常笔记/总结/系列知识梳理
05-17 1384
注意，由于 TypeScript 是 JavaScript 的超集，因此这些循环结构在 TypeScript 中与在 JavaScript 中完全相同。TypeScript 中的循环结构非常有用，特别是在需要重复执行某些操作或遍历数据集合时。用于遍历可迭代对象（包括数组、Map、Set、String、TypedArray、函数的 arguments 对象等等）的元素。：当你有一个数组，并且需要遍历数组中的每个元素来执行某些操作时。主要用于遍历对象的属性，而不是数组的索引。：当你需要遍历对象的属性时。
TypeScript入门教程 之 for ... of 与 for ... in
YunWisdom
04-25 1413
TypeScript入门教程 之 for ... of 与for ... in 新手JavaScript开发人员经常遇到的错误是，for...in数组不会遍历数组项。相反，它迭代传入的对象的键。下面的示例对此进行了演示。在这里您会期望9,2,5得到但得到索引0,1,2： var someArray = [9, 2, 5]; for (var item in someArray) ...
TypeScript 遍历Array的方法：for, forEach, every
热门推荐
阳仔博客
06-13 4万+
Typescript的官方文档 Iterators and Geneators 一、for..of 方法 这是最常用的方法，遍历的值是数组中的value值 let someArray = [1, "string", false]; for (let entry of someArray) { console.log(entry); // 1, "string", false ...
TypeScript 遍历数组Array 的方法：for..of, for..in, for, forEach, every, some
CodeP1G的博客
04-26 1万+
最近在学习egret，需要适用TypeScript，也就是JavaScript的超集。 学习后敲一遍以加深印象，有错误之处还请指正！ 一、for..of 方法 let arr = ["hello", 2, "world"]; for (let data of arr) { console.log(data); // "hello", 2, "world" } 二、for....
nodejs-typescript-样板：nodejs-typescript-样板
02-09
标题“nodejs-typescript-样板”和描述“nodejs-typescript-样板”指的可能是一个针对Node.js项目用TypeScript编写的启动模板。这个模板可能包含了创建Node.js应用所需的最基本配置，以及TypeScript的相关设置，使得...
swagger-typescript-api：通过Swagger方案的TypeScript API生成器
01-30
招摇打字API 通过摇摇欲坠的方案生成API。 支持OA 3.0、2.0，JSON，yaml 生成的api模块... -o, --output <output> output path of typescript api file (default: "./") -n, --name <name> name of output ty
storybook-typescript-example：进展中->基于Typescript的Storybook
02-04
使用基于Typescript的Storybook进行播放托多斯 使用Babel而不是Webpack转换代码 为他们添加更多组件和故事 在github页面上而不是netlify.app上发布Stortybook 用酶为每个组件编写单元测试
TypeScript 中for in遍历，元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型
weixin_39593730的博客
11-01 513
vue ts中遍历对象时： 元素隐式具有any类型，因为类型为 string 的表达式不能用于索引类型
typescript中循环对象（for...in）的类型问题 keyof
jiang7701037的博客
03-28 754
1、给对象定义类型时，明确写出对象的键的类型和可接受的值的类型。如：表示obj变量是对象类型，键是字符串类型，值是any类型。obj = { name: "张三疯", age: 12 };再如：表示obj变量是对象类型，键是字符串类型，值是number | string 类型。obj = { name: "张三疯", age: 12 };注意：key取值只能是string，number，symbol，或者 template literal type（模板文字类型）
TypeScript遍历Array的方法(for,forEach,every)
weixin_42565127的博客
10-24 1460
本文主要介绍了TypeScript遍历Array的方法(for,forEach,every)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
typescript中哪些数据可以使用forEach方法？
金木编程
08-01 1873
需要注意的是，虽然forEach可以在这些数据类型上使用，但某些数据类型在遍历时可能不支持按照插入顺序进行遍历，因为它们可能是无序集合（例如Set）。如果需要按照特定顺序遍历，请考虑使用其他遍历方式，例如for…总结：在TypeScript中，forEach方法可以用于数组、类数组、Map和Set等数据类型，用于遍历它们的元素或键值对。
Typescript 开发4. 循环____for…in 、forEach、for…of 、every 和 some 循环
aof26372的博客
06-04 518
for...in var j:any; var n:any = "a b c" for(j in n) { console.log(n[j]) } for…of 创建一个循环来迭代可迭代的对象。 在 ES6 中引入的 for...of 循环，以替代 for...in 和 forEach()，并支持新的迭代协议 for...o...
perl for循环注意事项
qq_39590773的博客
10-05 626
语法 语法格式如下所示： for ( init; condition; increment ){ statement(s); } 下面是 for 循环的控制流程解析： init会首先被执行，且只会执行一次。这一步允许您声明并初始化任何循环控制变量。您也可以不在这里写任何语句，只要有一个分号出现即可。 接下来，会判断condition。如果为 true，则执行循环主体。如果为 ...
TypeScript学习笔记4----泛型
weixin_39895436的博客
07-04 251
泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。 <T> 泛型基本应用 function Hello<T>(arg:T):T{ return arg; } var output = Hello<string>("hello ime"); console.log(output); 泛型的应用 function Hi<K>(num:K):...
TypeScript学习笔记：超越JavaScript的强类型语言
"typescript自学书写笔记，涵盖了TypeScript的基本概念、优缺点、基础类型、语法、变量声明、数组、Map对象、元组、联合类型、枚举、类、接口、泛型等内容，旨在深入理解TypeScript与JavaScript的差异，并提供官方...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值