Iterable类型的遍历
发布日期:2021-06-29 11:42:54
浏览次数:3
分类:技术文章
本文共 1373 字,大约阅读时间需要 4 分钟。
为了统一集合类型,ES6标准引入了新的iterable
类型,Array
、Map
和Set
都属于iterable
类型。具有iterable
类型的集合可以通过新的for ... of
循环来遍历。
用法如下:
var a = ['A', 'B', 'C'];var s = new Set(['A', 'B', 'C']);var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);for (var x of a) { // 遍历Array console.log(x);}for (var x of s) { // 遍历Set console.log(x);}for (var x of m) { // 遍历Map console.log(x[0] + '=' + x[1]);}
for...of和for...in的区别:
- for...in遍历的是对象的属性名即键值(或者说索引)
- 手动为Array对象添加属性后,会将该属性包含在内,但是数组长度不会改变
for ... of
循环则完全修复了这些问题,它只循环集合本身的元素。-
var a = ['A', 'B', 'C'];a.name = 'Hello';for (var x in a) { console.log(x); // '0', '1', '2', 'Hello'}a.length; // 返回3var a = ['A', 'B', 'C'];a.name = 'Hello';for (var x of a) { console.log(x); // 'A', 'B', 'C'}a.length; // 返回3
更好的方式是直接使用
iterable
内置的forEach
方法,它接收一个函数,每次迭代就自动回调该函数。'use strict';var a = ['A', 'B', 'C']; //对于Array的回调a.forEach(function (element, index, array) { // element: 指向当前元素的值 // index: 指向当前索引 // array: 指向Array对象本身 console.log(element + ', index = ' + index);});var s = new Set(['A', 'B', 'C']); //对于Set的回调s.forEach(function (element, sameElement, set) { console.log(element);});var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]); // 对于Map的回调m.forEach(function (value, key, map) { console.log(value);});// 如果对某些参数不感兴趣,由于JavaScript的函数调用不要求参数必须一致,因此可以忽略它们。var a = ['A', 'B', 'C'];a.forEach(function (element) { console.log(element);});
转载地址:https://blog.csdn.net/zz2230633069/article/details/108222510 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
感谢大佬
[***.8.128.20]2024年04月27日 13时26分01秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
字符串外面是b“ “的转换 -亲测有效
2019-04-29
单通道和多通道卷积
2019-04-29
npy文件和pkl文件的保存和读取
2019-04-29
lmdb文件的读取和保存
2019-04-29
cv2和二进制互转
2019-04-29
二分查找及原理
2019-04-29
torch Missing key(s) in state_dict
2019-04-29
PA,MIOU,FWIOU
2019-04-29
数组-769. 最多能完成排序的块
2019-04-29
超过256的像素值的保存
2019-04-29
middle-判断二分图-深度优先和广度优先
2019-04-29
二进制补码和原码的记录
2019-04-29
无重叠区间+用最少数量的箭引爆气球
2019-04-29
买卖股票的最佳时机
2019-04-29
非递减数列
2019-04-29
AUC粗浅理解笔记记录
2019-04-29
分治法:241. 为运算表达式设计优先级
2019-04-29
广度优先遍历:二进制矩阵中的最短路径
2019-04-29
广度优先遍历:set集合的速度远远比list快:完全平方数
2019-04-29
广度+深度:岛屿的最大面积/岛屿数量
2019-04-29