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-06-11
tensorflowjs
生命的定义就是拥有明天。——冯骥才 我们有一些前端机器学习的需求可以用这个 https://www.tensorflow.org/js/demos?hl=zh-cn 这有非常多的demo Holobooth 也很好玩 https://lipsync.withyoutube.com/ 开始 bookmark_border TensorFlow.js 是一个 JavaScript 库,用于在浏览器和 Node.js 训练和部署机器学习模型。 了解开始的更多方式,请参阅下面的部分。 在不直接处理张量的情况下编写 ML 程序想要开始机器学习,同时不用担心任何类似张量或优化器的低级细节吗? ml5.js 库构建在 TensorFlow.js 之上,通过简洁的、可利用的 API,可以在浏览器中访问机器学习算法和模型。 Check out ml5.js 安装 TensorFlow.jsTensorFlow.js 与 Tensors (张量)、Layers (图层)、Optimizers (优化器) 和损失函数等概念兼容(或希望与它们兼容)吗?TensorFlow.js 为 JavaScr...
2026-03-25
editor
集腋成裘,聚沙成塔。几秒钟虽然不长,却构成永恒长河中的伟大时代。——弗莱彻 Pascal Editor有些编辑器喜欢写字,有些编辑器喜欢画画,而 Pascal Editor 更像一个戴着安全帽的建筑师:他不在纸上涂涂改改,他直接把你拽进三维空间里,抬手就是一堵墙,转身就是一块楼板,眨眼之间,一个 Site、一栋 Building、好几层 Level 就搭起来了——而且他跑在 React Three Fiber 与 WebGPU 的快车道上,动作利落,手感顺滑。 一句话就把他的人设钉死在门口: A 3D building editor built with React Three Fiber and WebGPU. 视频入口也在 README 里(那是他给你递来的“看我施工”的短片):https://github.com/user-attachments/assets/8b50e7cf-cebe-4579-9cf3-8786b35f7b6b 住址(Homepage)他把自己的工作室地址挂得很显眼: https://editor.pascal.app 这是一个 Turbo...
2026-04-06
oh-my-codex
吾生也有涯,而知也无涯。——庄子 OmX - Oh My codeX(OMX):你的 Codex 不是一个人在战斗OMX 的自我介绍很干脆,也很有“人格”: OmX - Oh My codeX: Your codex is not alone. Add hooks, agent teams, HUDs, and so much more. 它像一个在你身后随时扶你一把的“战术教练 + 运行时管家”:不抢 Codex 的方向盘,但把你的驾驶舱升级得更顺手、更稳定、更能跑长任务。 OMX 不是另一个 Codex。它明确站在 Codex 身边,做一个“工作流层(workflow layer)”: OMX is a workflow layer for OpenAI Codex CLI.It keeps Codex as the execution engine… 也就是说——Codex 仍然是那个真正冲向战场、执行工具、写代码、跑命令的执行引擎;OMX 则像一套“作战条令 + 组织体系 + 仪表盘 + 记事本”,让你从“想到哪做到哪”的临时起意,变成一条从澄清到交付的稳定流水线...
2023-07-29
pixelmatch
不读书的家庭,就是精神上残缺的家庭。——巴甫连柯 分享一个最小、最简单、最快的 JavaScript 像素级图像比较库 https://github.com/mapbox/pixelmatch
2021-04-17
vue-router传参
生命是一张弓,那弓弦是梦想。——罗曼·罗兰 官网 之前我们配置过路由,这里就不多赘述如何配置了 我们聊聊如何传参 我们之前使用方式如下 1this.$router.push(page); 这里page为path,值为我们在router的index.js中配的/message/message 我们如果需要传参 则可以使用下面这种方式 123456789this.$router.push({ name: pageName, params: { userId: '123' }, query: { plan: 'private' }}); 注意这里pageName是我们在路由中配置的name而不再是path了,因为path和params一起用会导致params为空对象 按照我们上面写的,我们跳转到message页面去了 1234567891011121314151617<template> <div> {{$route.para...
2024-09-04
web组件库lion
君子耻不修,不耻见污;耻不信,不耻不见信;耻不能,不耻不见用。——荀子 github: https://github.com/ing-bank/lion 官方文档: https://lion-web.netlify.app/ Lion 是一组高性能、可访问且灵活的 Web 组件 它们提供了一个无主见的白标签层,可以扩展到您自己的组件层 高性能:专注于在所有相关浏览器中实现出色的性能,具有最少的依赖项 可及性:旨在符合 WCAG 2.2 AA 标准,以创建每个人都可以使用的组件 灵活性:通过 Web Components 和 JavaScript 类提供解决方案,这些类可以使用、采用和扩展以满足所有需求 现代代码:Lion 以纯 es 模块的形式分发 公开函数/类和 Web 组件:以最合适的形式提供功能 注意:我们的演示可能看起来有点平淡无奇,但这是故意的。它们仅带有功能性样式。这是有道理的,因为主要用例是扩展这些组件,如果您这样做,则不想覆盖现有样式。 Guides: Lion 安装: 1npm i @lion/ui 使用: 1234567891011121314...

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