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
相关推荐
2021-05-26
百度地图简单对接
地位越高,自我评价就越高,自信心多强,能力就有多强。我们总能表现出与环境的和谐平等。——赫兹里特 效果如下 跟着官网一步一步来即可 申请成为开发者 然后在应用管理里创建应用 填写信息 点击复制AK 然后复制代码 123456789101112131415161718192021222324252627<!DOCTYPE html> <html><head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <style type="text/css"> html{height:10...
2025-11-06
OpenTUI
我说你是人间的四月天,笑响点亮了四面风,轻灵在春的光艳中交舞着变。你是四月天里的云烟,黄昏吹着风的软,星子在无意中闪,细雨点撤在花前。——林徽因《你是那人间的四月天》 打造极致终端体验!OpenTUI:TypeScript 终端界面开发新利器在互联网日益图形化的今天,Terminal(终端)依旧在开发者和极客圈中有着不可替代的重要地位:高效、纯粹、可脚本化、轻量且跨平台。如果你曾被命令行的“单调”困扰,或希望为CLI工具甚至运维平台打造更现代、交互丰富的终端界面(TUI),那么你一定不能错过——OpenTUI! 一、什么是OpenTUI? 项目地址:sst/opentui 官网主页:https://opentui.com 一句话简介:OpenTUI 是一个用于构建终端用户界面(TUI, Terminal User Interface)的 TypeScript 库。 主要语言:TypeScript Star:4,529+ Fork:164+ 授权协议:MIT 无论你要开发终端应用仪表盘、交互式安装器、数据小工具,还是命令行游戏,这个库提供了现代化、丰富的能力,让你...
2021-09-24
jquery在iframe中选中父元素节点
忧劳可以兴国,逸豫可以亡身。——《新五代史·伶官传序》 我们在使用如layui的layer弹窗或者在页面上用别的方式打开的iframe中可能会要获取到父页面的某个元素 可以使用: 1window.parent.$(".layui-laypage-btn") 这里.layui-laypage-btn是父元素的节点 主要是 window.parent这个属性,能返回当前窗口的父窗口
2025-09-05
live
功名富贵若长在,汉水亦应西北流。――李白《江上吟》 https://github.com/fanmingming/live 在国内外 IPTV、网络电视、广播播放器用户圈里,fanmingming/live 项目可以说是“台标资源与工具生态”的天花板级开源项目。它不仅仅是一套可直连访问的电视/广播台标库,更集合了 m3u 直播列表、EPG 电子节目单、m3u8在线下载、格式转换、Web播放器等实用工具,并且永久免费、完整开源、支持 IPv4/IPv6 双栈访问,真正做到了“公益服务,极致易用”。 项目定位fanmingming/live 的核心定位是提供一个持续完善、易于接入的电视/广播台标(logo)资源库,并配套一系列 IPTV/广播频道相关工具,帮助用户打造属于自己的高品质直播订阅与频道展示体验。项目由热心开发者公益维护,所有内容均托管在 GitHub,并通过 CloudFlare 提供高速 CDN 和安全访问,无论在国内外都能“直连无障碍”。 功能特色一览 海量台标库:覆盖国内主流电视台(央视、卫视、地方台)...
2022-02-04
js原型对象
不存在十全十美的文章,如同不存在彻头彻尾的绝望。——《且听风吟》 我们首先定义一个对象 1234567891011class Person { constructor(name,age) { this.name = name; this.age = age; } toString() { return '(' + this.name + ', ' + this.age + ')'; }};let ruben = new Person("ruben",21);console.log(ruben.toString()) 打印结果为: 1(ruben,21) 我们可以使用Person.prototype去获取Person的原型对象,从而更改类其中的方法 1234567Person.prototype.toString = function(){ return "Person{&q...
2024-06-06
vue-sax使用cdn引入
等待走运无异于等待死亡。——福特 代码如下: 1234567891011121314151617181920<!DOCTYPE html><html><head> <link href="https://unpkg.com/vuesax@4.0.1-alpha.16/dist/vuesax.min.css" rel="stylesheet"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"></head><body><div id="app"> <vs-button>Hello World</vs-button></div><script src="https://cdn.jsdelivr.net/...

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