TypeScript中的for..of vs for..in 语句

最新推荐文章于 2024-02-20 13:29:32 发布
最新推荐文章于 2024-02-20 13:29:32 发布
阅读量4.4k 收藏 1
点赞数 1
文章标签： TypeScript for..in for...of 迭代器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38704727/article/details/83585635
版权

let list = [4, 5, 6];

for (let i in list)

{

        console.log(i); // "0", "1", "2",

}

for (let i of list)

{

       console.log(i); // "4", "5", "6"

}

简而言之，for..of 中遍历打印出的是值 ，for..in遍历打印出来的是索引

两者更多的区别和应用可以查看官网文档：

https://www.tslang.cn/docs/handbook/iterators-and-generators.html

Kang.Charles
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
typescript学习：关键字，操作符，keyof，in，infer...
weixin_44828005的博客
10-25 3975
本文内容如下 关键字，操作符 如果你都有了答案，可以忽略本文章，或去TS学习地图寻找更多答案 关键字操作符 typeof JS中的typeof：在运行时判断类型 TS中的typeof：在编译时获取类型 interface Person { name: string, age: number, } 两者一样 type p1 = typeof person type p2 = Person in：遍历 type Names = "xiaoming" | "zhangsan" t
TypeScript 2.x for Angular Developers 无水印原版pdf
05-08
TypeScript 2.x for Angular Developers 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络，如有侵权，请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
TypeScript入门教程 之 for ... of 与 for ... in
YunWisdom
04-25 1288
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中的keyof、typeof、in
最新发布
m0_45093055的博客
02-20 246
Record工具类型可以将某个类型的属性映射到另一个类型上,其构造的类型属性名的类型为K，属性值的类型为T。TypeScript中的keyof、typeof、in在我们日常工作中经常用到，但也容易遗忘，现详细梳理其用法及使用场景。Partial是一个ts内置工具类型，用于将传入的类型所有属性设置为可选的。在vue项目中，这段代码有编译报错，代码可能看得不清楚，上图片。Readonly工具类型可以将传入的类型中所有属性转化为只读。typeof 可以获取一个对象/实例的类型。
for in 和 for of的区别和应用场景
屈小康
05-25 172
for-in。
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....
js和ts的for、for…in、for…of循环
前端小白的逆袭
09-25 1万+
首先我们来看看foreach的用法，如下代码为例： //foreach和箭头表达式let list: Array = [1, 2, 3, 4, 5]; list.forEach(value=> console.log(value) ); 通过下图执行结果我们可以看出，foreach循环可以获取数组的值，循环得出的是数组的值。然而这种写法有个缺点那就是通过foreach的循环无法中途根据特定的条件停止循环的执行，也就是说这种写法不支持break. 接下来让我们看看for…in的用法，还是上代码如下： /
TS学习之for..of
weixin_30527423的博客
11-01 307
for..of会遍历可迭代的对象，调用对象上的Symbol.iterator方法（可迭代对象，数组，字符串等） let arr = ["hello", "ts", "test"]; for (let item of arr) { console.log(item) } //"hello", "ts", "test" for...of VS for...in（均...
TypeScript & 高级语法 & 详细解释 in、keyof、extends、索引签名、Record、typeof 的含义（不定时更新）
cookcyq__的博客
06-19 3895
很早就听过 TypeScript，当时自己试了下觉得挺简单的，就是给数据声明一个类型提高可读和维护性，不过当时 TS 还不盛行，项目也没机会用到就一直落着，随着 TS 不断普及，许多项目都开始引入了 TS，这不最近在 github 看到一些 TS 代码后，心里开始吐槽： 这好好的非要给 JS 装饰的这么花里胡哨的？我都认不出来这是什么语言了，你确定这是提升 JS 语言可读性而不是添乱？有同学跟我一样的请举个手！后来静下心来想了想，既来之则安之，与其吐槽，不如静下心来好好重温下 TS ，在这期间也提取了一些有
TypeScript开发Node.js程序的方法
10-17
主要介绍了TypeScript开发Node.js程序的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
TypeScript 2.x for Angular Developers mobi
05-08
TypeScript 2.x for Angular Developers 英文mobi 本资源转载自网络，如有侵权，请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
cocosCreator socket.io typescript环境搭建.rar
06-18
cocosCreator socket.io typescript环境搭建 socket.io ts 亲测 附环境安装流程 测试工程源码
Manning.TypeScript.Quickly.2020 学习笔记
12-21
Manning.TypeScript.Quickly.2020 学习笔记 Manning.TypeScript.Quickly.2020 学习笔记 Manning.TypeScript.Quickly.2020 学习笔记 Manning.TypeScript.Quickly.2020 学习笔记 Manning.TypeScript.Quickly.2020 学习...
ts中的联合类型和类型保护--- as、in、typeof、instanceof、enum、keyof
jjw_zyfx的博客
01-08 1374
ts中的联合类型和类型保护--- as、in、typeof、instanceof。enum
【TS篇三】类、函数、for-of循环、类型推断
前端知识分享喵
11-03 390
类、函数、for-of循环、类型推断
Iterator 和 for...of 循环以及部分代码理解
cjx1259972299的博客
12-04 343
Iterator 的概念 JavaScript 表示“集合”的数据结构，主要有：Array、Object、Map、Set。 遍历器（Iterator），为各种不同的机制提供统一的访问机制。任何数据结构只要部署了 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。 Iterator 作用有三个： 为各种数据结构，提供一个统一的、简便的访问接口； 使得数据结构中每个成员能够按照某种次序排列； ES6 创建了一种新的遍历命令 for...of 循环，Iterator 接口主
Ts下使用for in 循环遍历出key值后，动态赋参报错
liuyaofu7456的博客
11-09 2292
Ts下使用for in 循环遍历出key值后，动态赋参报错
typescript中的for of与for in 以及forEach的区别？
liweibo348的博客
10-17 5316
for of      用for of循环时，该过程可以被打断。循环出的结果不是数组的下标，而是数组中的元素。   for in 过程不能被打断，循环出的结果是数组的下标。     forEach 过程不能被打断。其他与for of类似，但是forEach是老版本中的方法。   看示例： a: var myArray = [1,2,3,4]; for(var n of m...
ts：extends和in的区别
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
01-10 1245
interface Person { name: string; age: number; } extends K extend keyof T 表示 K 是 T 的子类型，这里是一个类型约束声明。 比如 type T = "a" | "b" | "c";，那么 K 可以是 "a"，也可以是 "a" | "c" 或者 "a" | "b" | "c" 等 function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
typescript ...
09-11
TypeScript 的代码可以被编译成纯 JavaScript，这意味着你可以在任何支持 JavaScript 的环境中运行 TypeScript 代码。它非常适合大型项目和团队开发，可以提高代码的可维护性和可读性。 TypeScript 由微软开发和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值