TypeScript 中如何迭代集合 Set
使用 forEach()
方法在 TypeScript 中迭代集合 Set。 forEach
方法采用一个函数,该函数为 Set 对象中的每个值调用一次。 forEach
方法返回 undefined。
const set1: Set<string> = new Set(['a', 'b', 'c', 'd']);
set1.forEach((element) => {
// 👇️ a, b, c, d
console.log(element);
});
我们使用 Set.forEach
方法对 Set 进行迭代。
我们传递给该方法的函数使用 3 个参数调用:
- 元素值 value
- 元素键 key
- 要设置的对象
请注意
,Set 对象中没有键,并且添加值以与 Map 对象和数组的 forEach 方法一致。
回调函数会为 Set 中的每个元素调用一次,即使它的值为 undefined。
但是,对于已从 Set 中删除的值,不会调用该函数。
另一种方法是使用 for...of
循环。
const set1: Set<string> = new Set(['a', 'b', 'c', 'd']);
for (const element of set1) {
// 👇️ a, b, c, d
console.log(element);
}
for...of
循环允许我们迭代可迭代对象,如 Set、数组 和 Map。
循环分配一个变量,该变量存储每次迭代时的当前 Set 元素。
当我们需要使用 break
关键字退出循环时,应该使用 for...of
循环,因为使用 forEach()
方法时不支持此功能。
for...of
循环仅迭代对象自身的属性,而 for...in
循环也迭代继承的属性。
相关文章
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 Angular 中使用 TypeScript 的 getElementById 替换
发布时间:2023/04/14 浏览次数:153 分类:Angular
-
本教程指南提供了有关使用 TypeScript 在 Angular 中替换 document.getElementById 的简要说明。这也提供了在 Angular 中 getElementById 的最佳方法。
在 TypeScript 中使用 try..catch..finally 处理异常
发布时间:2023/03/19 浏览次数:181 分类:TypeScript
-
本文详细介绍了如何在 TypeScript 中使用 try..catch..finally 进行异常处理,并附有示例。
在 TypeScript 中使用 declare 关键字
发布时间:2023/03/19 浏览次数:97 分类:TypeScript
-
本教程指南通过特定的实现和编码示例深入了解了 TypeScript 中 declare 关键字的用途。
在 TypeScript 中 get 和 set
发布时间:2023/03/19 浏览次数:172 分类:TypeScript
-
本篇文章演示了类的 get 和 set 属性以及如何在 TypeScript 中实现它。
在 TypeScript 中格式化日期和时间
发布时间:2023/03/19 浏览次数:161 分类:TypeScript
-
本教程介绍内置对象 Date() 并讨论在 Typescript 中获取、设置和格式化日期和时间的各种方法。
在 TypeScript 中返回一个 Promise
发布时间:2023/03/19 浏览次数:182 分类:TypeScript
-
本教程讨论如何在 TypeScript 中返回正确的 Promise。这将提供 TypeScript 中 Returns Promise 的完整编码示例,并完整演示每个步骤。
在 TypeScript 中定义函数回调的类型
发布时间:2023/03/19 浏览次数:221 分类:TypeScript
-
本教程说明了在 TypeScript 中为函数回调定义类型的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。
在 TypeScript 中把 JSON 对象转换为一个类
发布时间:2023/03/19 浏览次数:110 分类:TypeScript
-
本教程演示了如何将 JSON 对象转换为 TypeScript 中的类。