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
相关推荐
2022-09-01
blob和base64互转
交易场上的朋友胜过柜子里的钱款——托·富勒 blob转base64 1234567891011121314151617// blob转base64async function blobToBase64(blob) { let buffer = await blob.arrayBuffer() let bytes = new Uint8Array(buffer); console.log(bytes) // do anything with the byte array here let binary = '' var len = bytes.byteLength; for (var i = 0; i < len; i++) { binary += String.fromCharCode(bytes[i]); } base64 = 'data:image/webp;base64,' + window.btoa(binary) co...
2023-03-11
css-diner
即使是最神圣的友谊里也可能潜藏着秘密,但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬 分享一个网站css-diner https://flukeout.github.io/ 其能够让你通过益智的方式学习css选择器 例如此处两个盘子,对应的标签为plate,鼠标移动上去还有高亮,我们需要选中所有的盘子则使用plate标签选择器 源码地址:https://github.com/flukeout/css-diner
2023-10-27
react服务端组件
过分的赞美,对于心智是有害的。——克雷洛夫 相关博客如下: Introducing Zero-Bundle-Size React Server Components – React https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components 仓库地址: https://github.com/reactjs/server-components-demo 这是一个使用服务器组件构建的Demo应用,服务器组件是一个实验性的 React 功能。我们强烈建议在浏览此演示之前观看介绍服务器组件的演讲视频。该视频包括演示代码的流程,并重点介绍服务器组件如何工作以及它们提供的功能的关键点。 使用node18+,进入Demo 12npm install --legacy-peer-depsnpm start 此处再运行Docker,运行数据库环境 1docker-compose up 然后打开 http://localhost:...
2020-07-11
js判断是否包含某个值
和java的contains用法一样,只不过函数名不一样 12//包含返回true,不包含返回falsestr.includes('cowBeer')
2022-08-05
Navigator.clipboard
人类侥幸拥有了智慧,就应该善用它。——王小波 惯例,MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/clipboard 注意该API只能在https或者本地开发环境生效 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard,该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中,剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后,才能使用异步剪切板读写方法。许可操作必须通过取得权限 Permissions API 的 "clipboard-read" 和/或 "clipboard-write" 项获得。 我们来写一段代码: 123456789<body> <div class="cliptext"></div> <script> ...
2024-10-30
typescript-exercises(四)
取悦于人并不困难,问题只是你是否能够了解别人的喜恶心理。——卡耐基 题目: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970/*Intro: As we introduced "type" to both User and Admin it's now easier to distinguish between them. Once object type checking logic was extracted into separate functions isUser and isAdmin - logPerson function got new type errors.Exercise: Figure out how to help TypeScript understand types i...

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