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
相关推荐
2024-05-18
js解决base64编码问题
地利不如人和,武力不如文德。——恒宽 主要是在解析 JWT 时发现 1atob(base64) 存在编码问题,我们如果想要将 base64 解码为 utf-8: 123456789101112function parseBase64ToJSON(base64) { const binaryString = atob(base64); const len = binaryString.length; const bytes = new Uint8Array(len); for (let i = 0; i < len; i++) { bytes[i] = binaryString.charCodeAt(i); } const decoder = new TextDecoder('utf-8'); return decoder.decode(bytes);} 然后就可以正确解析中文了
2023-01-18
css文字环绕png图片
好意对待犯错误的人,可以得人心,可以团结人——毛泽东 从这里看到的:https://css-tricks.com/print-magazine-layouts-converted-to-web-layouts/ 效果如下: 用到了shape-outside以及float 代码如下: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...
2022-06-03
pnpm
曾因酒醉鞭名马,生怕情多累美人。——郁达夫 官方网址:https://www.pnpm.cn/ 我们在使用npm下载前端所需依赖时,会反复下载、重复下载,如果有一款工具,能够缓存起来我们的下载,那就是pnpm了 快速pnpm 是同类工具速度的将近 2 倍 高效node_modules 中的所有文件均链接自单一存储位置 支持单体仓库pnpm 内置了对单个源码仓库中包含多个软件包的支持 权限严格pnpm 创建的 node_modules 默认并非扁平结构,因此代码无法对任意软件包进行访问 安装很简单,就像普通安装一个模块一样即可: 12npm i -g pnpmpnpm -v 使用yarn 12yarn global add pnpmpnpm -v
2021-12-23
codeFlask
猝然死去本无甚苦痛,长期累死倒真难以忍受。——佚名 codeFlask是一个在线代码编辑器: 官方文档:https://kazzkiq.github.io/CodeFlask/ github:https://github.com/kazzkiq/CodeFlask 代码也很简单: 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/codeflask/build/codeflask.min.js"></script> </head> <body> <...
2024-06-08
vuesax一些组件找不到踩坑
祸生于欲得,福生与自禁。——刘向 今天发现vuesax有一些组件用不了了,弄了半天,没办法去github上看了看 发现这个人也是相同问题 https://github.com/lusaxweb/vuesax-next/issues/208 然后翻issue看到一个不继续开发的issue https://github.com/lusaxweb/vuesax-next/issues/297 这里提到 A fork of Vuesax V4 has been created that works with Vue 3 and Nuxt 3. Additionally, the fork includes new components that are not present in V4. I suggest using and contributing to fork instead. Vuesax V4 的一个分支已经创建,可与 Vue 3 和 Nuxt 3 配合使用。此外,该分支还包含 V4 中不存在的新组件。我建议改为使用 fork 并为其做出贡献。 这里跳转过来是一个v...
2022-08-03
vuepress-theme-vdoing
要品味生活的浪漫,你得有点儿演员精神,必须像个旁观者,对自己的所作所为既超然事外又忘我投入。——毛姆 《月亮和六便士》 分享一个VuePress知识管理&博客 主题 官方文档:https://doc.xugaoyi.com/ github:https://github.com/xugaoyi/vuepress-theme-vdoing 提供多种主题模式 看起来也很简洁,还有对应的广告位 也有用来做博客的 mybatis-plus也用的该主题

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