全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

详谈js遍历集合(Array,Map,Set)

Array可以使用下标,Map和Set不能使用下标,ES6引入了iterable类型,Array,Map,Set都属于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
  alert(x);
}
for (var x of s) { // 遍历Set
  alert(x);
}
for (var x of m) { // 遍历Map
  alert(x[0] + '=' + x[1]);
}

>for...of与for...in的区别:for ... in循环由于历史遗留问题,它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象,它的每个元素的索引被视为一个属性。

当我们手动给Array对象添加了额外的属性后,for ... in循环将带来意想不到的意外效果:

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x in a) {
  alert(x); // '0', '1', '2', 'name'
}

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x of a) {
  alert(x); // 'A', 'B', 'C'
}

>更好的方式:iterable内置的forEach方法:

var a = ['A', 'B', 'C'];
a.forEach(function (element, index, array) {
  // element: 指向当前元素的值
  // index: 指向当前索引
  // array: 指向Array对象本身
  alert(element);//'A','B','C'
});

var s = new Set(['A', 'B', 'C']);
s.forEach(function (element, sameElement, set) {
  alert("参数1="+element+",参数2="+sameElement);
});
//参数1=A,参数2=A
//参数1=B,参数2=B
//参数1=C,参数2=C

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {
  alert("参数1="+value+",参数2="+key);
});
//参数1=x,参数2=1
//参数1=y,参数2=2
//参数1=z,参数2=3

以上这篇详谈js遍历集合(Array,Map,Set)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


# js遍历map集合  # 一文带你彻底搞懂JS中的Map与Set  # JavaScript中Set和Map数据结构使用场景详解  # 一文详解JS中的Map、Set、WeakMap和WeakSet  # javascript中Set、Map、WeakSet、WeakMap区别  # javascript ES6中set集合、map集合使用方法详解与源码实例  # JavaScript Set与Map数据结构详细分析  # js中Map和Set的用法及区别实例详解  # JavaScript之Map和Set_动力节点Java学院整理  # ES6学习总结之Set和Map的使用  # 遍历  # 给大家  # 可以使用  # 是一个  # 希望能  # 当我们  # 上也  # 这篇  # 小编  # 意想不到  # 大家多多  # 遗留问题  # 被视为  # 引入了  # color  # style  # key  # pre  # strong  # span 


相关文章: 历史网站制作软件,华为如何找回被删除的网站?  如何通过虚拟主机快速完成网站搭建?  如何零基础开发自助建站系统?完整教程解析  杭州银行网站设计制作流程,杭州银行怎么开通认证方式?  一键网站制作软件,义乌购一件代发流程?  c++ stringstream用法详解_c++字符串与数字转换利器  如何用PHP快速搭建CMS系统?  建站之星好吗?新手能否轻松上手建站?  如何用美橙互联一键搭建多站合一网站?  如何通过VPS搭建网站快速盈利?  如何通过二级域名建站提升品牌影响力?  广州商城建站系统开发成本与周期如何控制?  做企业网站制作流程,企业网站制作基本流程有哪些?  代购小票制作网站有哪些,购物小票的简要说明?  宝塔建站后网页无法访问如何解决?  单页制作网站有哪些,朋友给我发了一个单页网站,我应该怎么修改才能把他变成自己的呢,请求高手指点迷津?  网站制作的步骤包括,正确网址格式怎么写?  如何快速使用云服务器搭建个人网站?  宿州网站制作公司兴策,安徽省低保查询网站?  官网网站制作腾讯审核要多久,联想路由器newifi官网  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  如何快速搭建个人网站并优化SEO?  英语简历制作免费网站推荐,如何将简历翻译成英文?  网站制作专业公司有哪些,如何制作一个企业网站,建设网站的基本步骤有哪些?  广州建站公司哪家好?十大优质服务商推荐  如何彻底删除建站之星生成的Banner?  智能起名网站制作软件有哪些,制作logo的软件?  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情?  制作旅游网站html,怎样注册旅游网站?  如何实现建站之星域名转发设置?  建站之星免费版是否永久可用?  再谈Python中的字符串与字符编码(推荐)  网站制作培训多少钱一个月,网站优化seo培训课程有哪些?  微网站制作教程,不会写代码,不会编程,怎么样建自己的网站?  宝华建站服务条款解析:五站合一功能与SEO优化设置指南  高防服务器租用首荐平台,企业级优惠套餐快速部署  潍坊网站制作公司有哪些,潍坊哪家招聘网站好?  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  如何在万网自助建站平台快速创建网站?  建站主机服务器选购指南:轻量应用与VPS配置解析  广州营销型建站服务商推荐:技术优势与SEO优化解析  如何在建站主机中优化服务器配置?  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱?  小型网站建站如何选择虚拟主机?  如何解决VPS建站LNMP环境配置常见问题?  javascript基本数据类型及类型检测常用方法小结  建站之星安装后如何配置SEO及设计样式?  建站之星后台密码如何安全设置与找回?  威客平台建站流程解析:高效搭建教程与设计优化方案  如何获取PHP WAP自助建站系统源码? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。