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-10-31
display:block小技巧
成功之道,在于你为获得成功所做出的积极努力,而不在于预先就衡量这种成功的价值——哈里特 分享一个小技巧 display:block 可以将style标签可见 例如: 12345678910111213<body> <style contenteditable style="display: block;white-space: pre"> * { transition: all 0.2s } html { background: #ff00ff; font-size: 16px } </style></body> 因为我们这里给了contenteditable 所以可以直接在页面上编辑 试试吧 * { transition: all 0.2s } html { ...
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...
2026-02-14
chrome-devtools-mcp
你热爱生命吗?那幺别浪费时间,因为时间是组成生命的材料——富兰克林 让你的 AI 助手真正“看见”浏览器:Chrome DevTools MCP 深度介绍与上手指南如果你正在用 Gemini、Claude、Cursor 或 Copilot 这样的编码助手进行自动化、调试或性能分析,你很快就会遇到一个难题:如何让 AI 真正地“连接”到一个真实的 Chrome 浏览器,稳定地执行操作、读取页面状态,并且跑出可信的性能结果? 来自 ChromeDevTools/chrome-devtools-mcp 的 Chrome DevTools MCP(Model Context Protocol)服务器,正是为此而生。它以 MCP 服务器的形式,向你的 AI 编码助手暴露 Chrome DevTools 的能力:自动化操作、网络与控制台调试、截图与快照、性能追踪与洞察……并且由 Puppeteer 提供可等待、可重试的可靠自动化基底。 仓库简介(Description):Chrome DevTools for coding agents主语言:TypeScript许可协议:Ap...
2024-10-19
docmost
有缺点的战士终究是战士,完美的苍蝇也终究不过是苍蝇。 ——鲁迅《华盖集》 网站: https://docmost.com/ 文档: https://docmost.com/docs github: https://github.com/docmost/docmost Docmost 是一个开源协作维基和文档软件。它是 Confluence 和 Notion 的开源替代品。 运行: 123mkdir docmostcd docmostcurl -O https://raw.githubusercontent.com/docmost/docmost/main/docker-compose.yml 然后编辑文件 1vi docker-compose.yml 修改 APP_URL应替换为您选择的域。例如https://example.com或https://docmost.example.com 。 APP_SECRET值必须替换为长随机密钥。 您可以使用openssl rand -hex 32生成秘密。如果保留默认值,应用程序将无法启动。 将POSTGRES_PASSWORD环...
2022-07-24
js修改复制到剪贴板的内容
祝你今天愉快,你明天的愉快留着我明天再祝。——《爱你就像爱生命》 MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/Element/copy_event demo: 123456789101112131415161718192021222324252627<!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, initial-scale=1.0"> <title>copy</title></head>&...
2025-03-28
utterances
多听,少说,接受每一个人的责难,但是保留你的最后裁决。——莎士比亚《哈姆雷特》 GitHub - utterance/utterances: :crystal_ball: A lightweight comments widget built on GitHub issues https://utteranc.es/ Utterances:基于 GitHub Issues 的超轻量评论系统 如果你正在为静态博客寻找一款干净、开源、可控又易用的评论系统,那么你可能会喜欢这款工具——utterances。 这是一款用一句话就能说明白的工具: Utterances 是一个基于 GitHub Issues 的轻量级评论系统,每一条评论本质上都是一条 issue 回复。 为什么选择 utterances?相比传统的评论插件,它有以下几个显著优势: 🚀 超轻量:仅一个 iframe,不注入额外 JS,加载速度极快 🔐 隐私友好:不收集用户数据,不追踪 🧠 天然反垃圾评论:用户必须使用 GitHub 登录评论 ✍️ 支持 Markdown、表情、代码块,评论体...
