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-10-28
typescript-exercises(二)
亲善产生幸福,文明带来和谐。——雨果 题目: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566/*Intro: All 2 users liked the idea of the community. We should go forward and introduce some order. We are in Germany after all. Let's add a couple of admins. Initially, we only had users in the in-memory database. After introducing Admins, we need to fix the types so that everything works well together.Exercise: Type &q...
2022-01-03
在vue中使用ts
诚实的生活方式其实是按照自己身体的意愿行事,饿的时候才吃饭,爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》 官方文档:https://www.typescriptlang.org/docs/handbook/intro.html 首先找到中文文档:https://www.tslang.cn/samples/index.html 寻找到vue.js 跳转过去后就是教程,我们跟着教程一步一步来 首先新建一个空项目 然后新建src目录和components目录 1234typescript-vue-tutorial/├─ dist/└─ src/ └─ components/ 输入命令下载依赖 1D:\file\projects\vue-ts-demo>cnpm install --save-dev typescript webpack webpack-cli ts-loader css-loader vue vue-loader vue-template-compiler 很快就下载完毕 然后初始化ts环境 1tsc --init 可以看到多出了ts配置文...
2023-11-10
minio预签名上传前端axios注意事项
不论替人家做了多少好事,不论多么忠心耿耿,看起来,绝不能指望人家感谢你。——托尔斯泰 之前说过了camel+minio实现预签名URL上传 但当时提供的也是后端代码,现在需要前端axios的 axios文档:Axios API | Axios Docs 123456789101112axios({ method: 'PUT', url, headers: { "Content-Type": "application/octet-stream", }, data: new Blob([file]), responseType: "blob"}).then((res) => { console.log({ res })}).catch(console.error) 这里的file就是前端的File对象,我们此处是将其转换为Blob,然后再通过data参数发送,...
2021-10-13
uniapp拖动排序实现思路
没有哪一个聪明人会否定痛苦与忧愁的锻炼价值。——赫胥黎 找到下载量最多这个组件 https://ext.dcloud.net.cn/plugin?id=1372 导入,不多说 文档示例: 使用示例页面: 123456789101112131415161718复制代码<template> <view class="content"> <HM-dragSorts :list="list" :isLongTouch="true" :rowHeight="55" @change="change" @confirm="confirm" @onclick="onclick"> <template slot="rowContent" slot-scope="{ row }"> ...
2025-06-06
videojs
人的教养不能够靠别人传授,人必须进行自我修养。一切苦修也绝不是文化修养,教育是通过人的主动性来实现的,教育牢牢地钉在主动性上。——费希特 https://github.com/videojs/video.js https://videojs.com/ Video.js:强大的开源 HTML5 视频播放器在现代 Web 开发中,视频已经成为内容交互的重要组成部分。从媒体网站到教育平台,视频播放器的选择直接影响用户体验。对于开发者来说,一个强大、灵活且易于定制的视频播放器至关重要。 Video.js 是一个开源的 HTML5 视频播放器,拥有强大的功能、广泛的插件支持,以及全面的浏览器和设备兼容性。它是开发者在构建视频播放功能时的理想选择。 什么是 Video.js?Video.js 是一个基于 HTML5 的视频播放器,它支持现代浏览器和设备,同时提供对旧版浏览器的回退支持(如 Flash)。它的设计目标是为开发者提供一个轻量级、可扩展且功能强大的视频播放解决方案。 核心特性1. 广泛的格式支持Video.js 支持所有常见的视频格式,包括 MP4、WebM 和 HLS 等...
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:...

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