对象遍历的几种方法_weixin_33858485的博客-程序员秘密

 

1.js对象 用for in遍历 如:for(let item in st){ console.log(item) } // 返回的是键也是就是属性名。

  如果要返回的是键值,则 for(let item in st ) { console.log(st[item]) } // 此时依次输出键值

let persons = {
  120: { name: 'bob', age: 16, class: 2},
  130: { name: 'lucy', age: 18, class: 1},
  140: { name: 'mary', age: 14, class: 2},
  150: { name: 'jhon', age: 19, class: 1},
  160: { name: 'jack', age: 17, class: 2}
}
for(let item in this.persons) { if(this.persons[item].name === 'jack') {   console.log(`Hi, ${ this.persons[item].name}, 最近好吗`); // "Hi, jack, 最近好吗" } }

 

 

2.数组对象用for of 遍历时 for(let item of arr){} // 返回为值。

 

3.Set 对象用for of 遍历时 for(let item of arr){} // 返回为可以说是键也可以说是值 因为他的键和值 是一样的。

 Set实例对象的values() keys()方法遍历返回的都是一样的,原因是Set实例键名和键值是一样的,,假设arr为Set对象的实例,如下:

 for(let item of arr.keys()) {} // 遍历返回键名

 for(let item of arr.values()) {} // 遍历返回键值

 for(let item of arr.entries()) {} // 返回键值对组成的数组,如:['key', 'value']

 

4.Map对象用for of 遍历时 for(let item of arr){} // 返回为键值对的数组。

 

 

引自:https://www.cnblogs.com/woshinidaye/p/6753851.html

转载于:https://www.cnblogs.com/secretAngel/p/9700892.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_33858485/article/details/93660837

智能推荐

HDU 3567 Eight II(BFS打表)_luSpet的博客-程序员秘密

题目大意  还是八数码问题,输入起始结束状态,输出最小字典序的操作顺序思路  还是用BFS打表,为了使操作最短,处理出X在不同位置不断操作能达到的各种状态,至于为什么根据X的不同处理,除了X外,其他数字可以随意替换,如:1 2 3      3 4 54 5 6   =>  7 8 X7 8 X      6 2 1可以替换成a b c      c d ed e f   ...

shell 脚本中获取mysql多个字段的值_weixin_34064653的博客-程序员秘密

从mysql中查询出的结果为:mysql-Ne"SELECTip,portFROMop.hostWHEREos='linux'andtype='支持'"+------------+------+|10.3.1.155|22||10.3.1.156|22||10.3.1.174|22||10.3.1.212|...

数据结构实验之查找一:二叉排序树_Key_MQL的博客-程序员秘密

Problem Description对应给定的一个序列可以唯一确定一棵二叉排序树。然而,一棵给定的二叉排序树却可以由多种不同的序列得到。例如分别按照序列{3,1,4}和{3,4,1}插入初始为空的二叉排序树,都得到一样的结果。你的任务书对于输入的各种序列,判断它们是否能生成一样的二叉排序树。Input输入包含若干组测试数据。每组数据的第1行给出两个正整数N (n

探究:数字孪生是如何赋能智慧能源信息化领域系统发展的?-程序员秘密

一、前言全球能源行业顺应数字化时代不断发展,我国电力体制改革深入推进,在这一背景下加快能源转型已成为行业共识。但能源行业存在着体制、技术与市场壁垒,使得能源转型面临挑战。国家能源局提出智慧能源战略,建设互联互通、透明开放、互惠共享的能源共享平台,以期解决能源行业普遍存在的壁垒问题。数字孪生技术可在物理世界和数字世界之间建立精准的联系,有助于解决智慧能源发展所面临的技术难题,支持从多角度对能源互连网络进行精确仿真和控制。然而,数字孪生技术在智慧能源行业的定义和应用架构仍有待深入研究,对于能源系统的数字孪生技

npm安装compression-webpack-plugin插件报错问题记录_欧阳奔少的博客-程序员秘密

文章目录问题再现解决方案总结问题再现因项目需要,在前端项目中安装compression-webpack-plugin插件运行npm install compression-webpack-plugin命令之后在package.json文件中已经出现了"compression-webpack-plugin": "^7.1.2"这个依赖项运行npm run serve命令启动项目,报错信息如下: ERROR Error: Rule can only have one resource sou

王者荣耀s24服务器维护,王者荣耀s24赛季维护到几点 王者荣耀6月23日更新时间介绍..._weixin_39522103的博客-程序员秘密

王者荣耀s24赛季维护到几点?今天(6月23日)是新赛季S24上线的日子,按照惯例正式服将开启一次大版本更新,那么此次更新需要多久呢?下面就是王者荣耀6月23日更新时间介绍了,有兴趣的小伙伴们都来看看吧!王者荣耀s24赛季维护到几点官方给出的维护时间是2021年6月22日23:30-6月23日9:30停机更新,而为了防止召唤师们在线游戏对战时遭遇停机维护而产生不必要的损失,我们将在版本更新时提前半...

随便推点

vue使用element-ui实现按需引入_会做饭的技术男的博客-程序员秘密

基于Vue的Ui框架 饿了么公司基于vue开的的vue的Ui组件库 Element Ui 基于vue pc端的UI框架 MintUi 基于vue 移动端的ui框架http://element.eleme.io/element UI的使用: 1.找官网 http://element.eleme.io/#/zh-CN/component/quickstart 2.安装 cnpm i ele.

android studio 包下载地址,如何查看Android Studio各个依赖包下载后的存放目录_weixin_39614094的博客-程序员秘密

如何查看Android Studio各个依赖包存放目录dependencies {compile fileTree(dir: 'libs', include: ['*.jar'])compile project(':social_sdk_library_project')compile 'com.android.support:appcompat-v7:22.2.0'compile 'com.gi...

python 多线程笔记(3)-- 线程的私有命名空间_weixin_34315189的博客-程序员秘密

线程的私有命名空间实现:  threading_namespace =threading.local()import threadingimport timeimport randomthreading_namespace = threading.local() # 命名空间def print_country(): ...

JavaWeb -- Jsp , Jsp中动态获取项目路径_jsp动态获取_今晚打酱油8的博客-程序员秘密

1. Jsp原理work/Catalina/localhost/WebTest4/org/apache/jsp# 看到源码, JSp就是Servlet    final javax.servlet.jsp.PageContext pageContext;    javax.servlet.http.HttpSession session = null;    final javax

ZPP_退料单拆分创建程序(开发笔记)_lvc_t_styl_Nathan_Sun的博客-程序员秘密

相关屏幕:PROCESSBEFOREOUTPUT.*&SPWIZARD:PBOFLOWLOGICFORTABLECONTROL'TBC_01'MODULETBC_01_CHANGE_TC_ATTR.*&SPWIZARD:MODULETBC_01_CHANGE_COL_ATTR.LOOPATGT_SUBINTO...

推荐文章

热门文章

相关标签