for of和for in
发表于|更新于
|浏览量:
人生而自由,却无往不在枷锁中——卢梭《社会契约论》
我之前写过一篇for in的博客
for in是遍历对象key或者数组下标
前端还可以使用for of来遍历value
简单写一下两者区别和使用方式吧:
1 | let ruben = {name:'ruben', age:21} |

然后是for of

提示对象并不是iterable(可迭代的)
因此for of并不能遍历对象的key
接下来看数组的:
1 | let list = [1,2,3,4,5,6] |

可以看到是遍历获取出了下标并不是实际的值
而for of:
1 | let list = [1,2,3,4,5,6] |

遍历出了我们的value
相关推荐
2021-11-01
nvue坑
人之所以走入迷途,并不是由于他的无知,而是由于他自以为知。——卢梭 《爱弥儿》 前两天用nvue踩了不少坑,例如之前写的nvue引入图标坑就是一个 例如manifest.json中这里需要配置为weex才能使用weex渲染 uniapp-nvue文档 weex文档 要注意这里 基本上是nvue的一些常见的坑 还有其他的一些,例如一些不支持的css写法如transition 如果写成transition: 1s;则会提示 当然transition: all 1s;也不行 只能针对对应的过渡去写: 12transition-property: width;transition-duration: 1s; 缩写就是: 1transition: width 1s linear 2s; 一般像不支持的全局属性,需要写在条件编译里 12345678910.logo { height: 0; width: 0; /* #ifndef APP-PLUS-NVUE */ transition: all 1s; /* #endif */ /* #ifdef APP-PLUS...
2022-12-14
promise转await时小技巧
正如自然忌讳真空一样,人类是讨厌平等的。——《我是猫》 又是一个从技术推文找到的小技巧 此处将Promise函数传入,通过解构,获取到响应成功结果以及错误结果两个变量,语法简洁且便利
2024-05-17
处理js的JSON.parse中Number太长导致精度丢失问题
大自然的真实和单纯,常是重要艺术极点的基础。——恩格斯 代码如下: 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 这里主要是 JSON.parse 导致的,我简单复现一下 1JSON.parse('{"id":9052710354240385291}') 得到的是 1{id: 9052710354240385000} 可以看到后面的 291 变为 000 了 解决方式这里使用正则匹配 /:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g 例如: 123456JSON.parse('{"id":9052710354240385291}'.replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => { ...
2021-09-04
echarts入门
社会犹如一条船,每个人都要有掌舵的准备——易卜生 根据官方文档入门echarts: 首先我们先引入cdn 1<script src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script> 然后为 ECharts 准备一个具备大小(宽高)的 DOM 12<!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --><div id="main" style="width: 600px;height:400px;"></div> 然后就是JavaScript代码了 先基于准备好的dom,初始化echarts实例 1var myChart = echarts.init(document.getElementById('main')); 接下来指定图表的配置项和数据 12345678910111213141516171819// 指定图表的...
2023-08-27
css-animations
一切鬼魂们的叫唤无不低微,然有秩序,与火焰的怒吼,油的沸腾,铜叉的震颤和鸣,造成醉心的大乐,布告三界:地下太平。──鲁迅《失掉的好地狱》 分享一个网站 https://css-animations.io/ 可以让我们学习css动画
2025-08-06
awesome-phonenumber
天下之事不难于立法,而难于法之必行。一一明·张居正 让电话号处理变得“Awesome”!深度体验 @grantila/awesome-phonenumber 的极简与高效在现代应用开发中,处理和验证电话号码是常见但却容易“踩坑”的细节:格式多样、地区差异、正则复杂、依赖臃肿……你是否也为此头疼?现在,有一个“轻量级神器”能让这一切变得极其简单和高效——@grantila/awesome-phonenumber! 什么是 @grantila/awesome-phonenumber?它是一个基于 Google libphonenumber 的预编译版本,专为 Node.js 和前端环境设计,拥有更简洁的接口、极小的体积、无依赖,并且支持 TypeScript。简而言之,它就是你能在 npmjs 上找到的最小巧实用的 libphonenumber 封装库! 主要特色 超小体积,无依赖:极大节省你的项目空间,运行速度快,加载迅速。 API简洁易用:新版 API 更加清晰,无需复杂构造或函数调用,错误处理也更友好(不抛异常)。 TypeScript ...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog