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-01
dialog标签
懂得兜圈子,绕道而行的人,往往是第一个登上山峰的人。——佚名 今天分享一个html标签dialog <dialog>:对话框元素 - HTML(超文本标记语言) | MDN 这是一个2022年新增的新标签 说白了就是一个弹框 简单示例: 123456<dialog open> <p>Greetings, one and all!</p> <form method="dialog"> <button>OK</button> </form></dialog> 我们可以对齐增加一个动画: 代码出处: Animating <dialog> 123456789101112131415161718192021222324<!-- Transition or Animate a <dialog> Modal Open + closed state Problem: The browser display:none;...
2025-05-26
vue-ueditor-wrap
会当凌绝顶,一览众山小。 —— 杜 甫《望岳》 https://github.com/haochuan9421/vue-ueditor-wrap vue-ueditor-wrap:轻松集成 UEditor 到 Vue 项目在 Web 开发中,富文本编辑器是许多应用的重要组成部分,尤其是在博客系统、内容管理平台(CMS)等场景中。作为经典的富文本编辑器,UEditor 功能强大,但在现代前端框架(如 Vue)中使用时可能略显复杂。 今天我们来介绍 vue-ueditor-wrap,一个基于 Vue 的封装组件,旨在让开发者轻松将 UEditor 集成到 Vue 项目中。 什么是 vue-ueditor-wrap?vue-ueditor-wrap 是一个 UEditor 的 Vue 封装组件,提供了简洁的 API 和灵活的配置选项。它解决了原生 UEditor 在 Vue 项目中的集成难题,让开发者无需处理复杂的初始化逻辑。 主要功能 快速集成:通过简单的配置,即可将 UEditor 嵌入 Vue 项目。 支持双向绑定:轻松实现 Vue 的 v-model 与 UEditor...
2022-01-10
oss视频截封面
所谓世人,不就是你吗?——太宰治《人间失格》 今天上传视频后发现没有上传封面… 后来发现阿里云oss支持直接截取封面 文档地址: https://help.aliyun.com/document_detail/64555.html 也就是说,如果之前的视频URL为: 1/img/oss/picGo/rabbit.mp4 那么我们加上参数 1/img/oss/picGo/rabbit.mp4?x-oss-process=video/snapshot,t_10000,f_jpg 就会变成一张图片 参数说明操作分类:video 操作名称:snapshot 参数 描述 取值范围 t 指定截图时间。 [0,视频时长]单位:ms w 指定截图宽度,如果指定为0,则自动计算。 [0,视频宽度]单位:像素(px) h 指定截图高度,如果指定为0,则自动计算;如果w和h都为0,则输出为原视频宽高。 [0,视频高度]单位:像素(px) m 指定截图模式,不指定则为默认模式,根据时间精确截图。如果指定为fast,则截取该时间点之前的最近的一个关键帧。 枚举值:fa...
2021-08-24
页面滚动事件
有些路是非要单独一人去跋涉,路再远再长,也得独自默默走下去。——席慕蓉 HTML DOM事件大全:https://www.runoob.com/jsref/dom-obj-event.html 可以如下写法: 12345window.onscroll = function() { console.log("滚动上下距离" + document.documentElement.scrollTop || document.body.scrollTop); console.log("滚动左右距离" + document.documentElement.scrollLeft || document.body.scrollLeft);}// jquery $(window).scroll(()=>{}) uniapp页面生命周期文档:https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%...
2022-06-21
ts装饰器(注解)
书,能保持我们的童心;书能保持我们的青春。——严文井 官方文档:https://www.typescriptlang.org/docs/handbook/decorators.html 这个东西在java里叫注解,不过在ts中,一个装饰器对应一个方法 首先执行命令: 1tsc --target ES5 --experimentalDecorators 然后配置一下tsconfig.json就可以使用了 123456{ "compilerOptions": { "target": "ES5", "experimentalDecorators": true }} 首先我们定义一个class 1234class User { private id: Number | undefined; private name: string | undefined;} 我们编写一个装饰器对应的逻辑,实现ja...
2022-10-24
瀑布流组件vue-waterfall
坦白直率的言语,最容易打动悲哀的耳朵——莎士比亚 分享一个vue瀑布流组件 vue-waterfall git地址:https://github.com/MopTym/vue-waterfall.git 竖向排列demo:http://app.moptym.com/vue-waterfall/demo/vertical-line.html 横向排列:http://app.moptym.com/vue-waterfall/demo/horizontal-line.html 竖向+变大:http://app.moptym.com/vue-waterfall/demo/vertical-line-with-grow.html
