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
相关推荐
2025-06-30
meter标签
文变染乎世情,兴废系乎时序。一一刘勰 HTML <meter> 标签详解:数据范围与可视化的理想选择在现代 Web 开发中,可视化数据变得越来越重要。无论是展示进度、评分、性能指标还是任何有明确上下限的度量值,HTML5 提供的 <meter> 标签都能让开发者轻松实现直观、语义化的展示。本文将详细介绍 <meter> 标签的用法、属性、应用场景,以及与 <progress> 标签的区别。 一、什么是 <meter> 标签?<meter> 是 HTML5 新增的标签,用于表示标量测量值(即有范围的度量值),如磁盘用量、投票结果、健康值、评分等。它能为用户提供一目了然的数值状态,并具备良好的可访问性和语义性。 官方文档:MDN - <meter> 元素 二、基本语法与用法最简单的用法如下: 1<meter value="0.7">70%</meter> 效果:显示一个表示 70% 的可视化条。 浏览器默认会根据 <meter>...
2025-08-08
JSONStream
好学近乎知,力行近乎仁,知耻近乎勇。一一《中庸》 https://github.com/dominictarr/JSONStream 轻松处理超大 JSON 数据流!—— 走进 @dominictarr/JSONStream 的流式解析世界 在现代 Web 和 Node.js 开发中,JSON 是数据交换的事实标准。然而,当我们面对海量 JSON 文件或数据流时,如何才能既高效又优雅地处理它们?这正是 @dominictarr/JSONStream 的魅力所在! 项目简介@dominictarr/JSONStream 是一款专为 Node.js 设计的流式 JSON 解析与生成工具。它让你能够像操作水管一样,顺畅地“串联”各种数据流,无论是处理本地超大 JSON 文件,还是应对高并发的 API 响应,都能游刃有余。 你可以用最简洁的方式将其与 Node.js 的 stream 体系结合: 1rawStream.pipe(JSONStream.parse()).pipe(streamOfObjects) JSONStream 支持从流中解析...
2020-08-25
简单CSS实现图片旋转
图片旋转~ 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 200px; height: auto; margin: 20% auto; animation: myrotate 3s linear infinite...
2022-10-30
designMode
保持友谊的最好办法是不出卖朋友——米兹涅尔 我们可以使用 1document.designMode = 'on' 来开启页面的编辑模式 例如:
2021-10-29
nvue引入图标坑
强本而节用,则天不能贫。——荀况 今天把原来的vue页面改为nvue 发现之前的图标怎么都引不进去,搞了半天,后来通过debug发现,我引入的方式是使用添加对应的class给它加了个::before伪元素 知道了这个就很简单了,我们按照官方文档引入字体 首先我在App.vue中写入css代码: 123456/* 加载图标字体 - 条件编译模式 *//* #ifdef APP-PLUS-NVUE */.my-iconfont { font-family: myIconfont;}/* #endif */ 然后在对应的nvue页面中,在beforeCreate生命周期里调用addRule 123456789beforeCreate() { // #ifdef APP-PLUS-NVUE const domModule = uni.requireNativePlugin('dom'); domModule.addRule('fontFace', { fontFamily: 'myIcon...
2024-06-22
vue3侦听器
君子不责人所不及,不强人所不能,不苦人所不好。——王通 官方文档 侦听器 | Vue.js 写法有点不同 1234567891011121314151617181920212223242526272829303132<script setup>import { ref, watch } from 'vue'const question = ref('')const answer = ref('Questions usually contain a question mark. ;-)')const loading = ref(false)// 可以直接侦听一个 refwatch(question, async (newQuestion, oldQuestion) => { if (newQuestion.includes('?')) { loading.value = true answer.value = 'Thi...
