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-03-17
GameDev.js Jam 2025
少年时代,她觉得选择为时过早,而现在已是青年,她又觉得改变为时已晚。——保罗·科埃略的《韦罗妮卡决定去死》 我最近发现了一个非常有趣的活动——GameDev.js Jam 2025。这个活动为全球的游戏开发者提供了一个展示创意和技能的平台。今天,我将为大家详细介绍一下这个活动的特点和参与方式。 什么是 GameDev.js Jam?GameDev.js Jam 是一个年度的在线游戏开发竞赛,旨在鼓励开发者使用 JavaScript 及其相关技术进行游戏开发。无论你是专业开发者还是业余爱好者,都可以参加这个活动,展示你的创意和技术。 活动亮点1. 全球参与GameDev.js Jam 吸引了来自世界各地的游戏开发者参与。你将有机会与全球的开发者交流经验,分享心得,提升自己的技能。 2. 丰厚的奖品活动为获奖者提供了丰厚的奖品,包括现金奖励、硬件设备和软件许可证等。这些奖品不仅是对你努力的认可,也能为你的未来开发提供支持。 3. 专业的评审参赛作品将由一组专业的评审进行评判。这些评审来自游戏开发行业,他们的反馈和建议将对你的作品有很大的帮助。 4. 学习和成长通过参与 GameD...
2020-09-04
js学习之call和apply
贪玩蓝月真好玩,但学习还是要继续的 我们平时调用一个js函数是这样的 12345678910var ruben = { say: function (word) { if (this.name == null) { this.name = "ruben"; } return this.name + "说:" + word; }}var whatRubenSaid = ruben.say("做猪呢,最重要的是开心");console.log(whatRubenSaid); 输出结果 那么我们现在新创建一个对象 123var Achao = { name: "Achao"} 如果我们想在Achao里调用ruben里的say函数 我们就可以这样 12var whatAchaoSaid = ruben.say.call(Achao, &quo...
2025-08-06
awesome-phonenumber
天下之事不难于立法,而难于法之必行。一一明·张居正 让电话号处理变得“Awesome”!深度体验 @grantila/awesome-phonenumber 的极简与高效在现代应用开发中,处理和验证电话号码是常见但却容易“踩坑”的细节:格式多样、地区差异、正则复杂、依赖臃肿……你是否也为此头疼?现在,有一个“轻量级神器”能让这一切变得极其简单和高效——@grantila/awesome-phonenumber! 什么是 @grantila/awesome-phonenumber?它是一个基于 Google libphonenumber 的预编译版本,专为 Node.js 和前端环境设计,拥有更简洁的接口、极小的体积、无依赖,并且支持 TypeScript。简而言之,它就是你能在 npmjs 上找到的最小巧实用的 libphonenumber 封装库! 主要特色 超小体积,无依赖:极大节省你的项目空间,运行速度快,加载迅速。 API简洁易用:新版 API 更加清晰,无需复杂构造或函数调用,错误处理也更友好(不抛异常)。 TypeScript ...
2023-06-07
image-conversion
失之毫厘,差之千里。——佚名 分享一个js图像库: https://github.com/WangYuLue/image-conversion Install12345npm i image-conversion --save# or yarn add image-conversion Include the libraryin browser: 1<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script> in CommonJS: 1const imageConversion = require("image-conversion"); in ES6: 1import * as imageConversion from 'image-conversion'; or 1import {compress, compressAccurat...
2021-10-06
uniCloud查询数据库
江流宛转绕芳甸,月照花林皆似霰。——张若虚 首先先右键项目中的database目录,没有的话自己手动创建一个,选择新建DB Schema 输入表名,点击创建 将read改为true 点击上传DB Schema 点击是 我们刷新云控制台可以看到成功上传 我们添加两条记录 1234{ "name": "ruben", "phone": "13888888888"} 点击确定 新建一个list页面 写入代码: 12345678910111213141516171819<template> <view> <unicloud-db v-slot:default="{ data, loading, error, options }" collection="contacts"> <view v-if="error">...
2021-05-03
变量解构赋值
既然有时间在最后壮烈牺牲,不如完美地活到最后一刻——坂田银时/银魂 前两天有朋友问我,这个写法看不懂,让我给他讲讲 它这里用到了一个ES6的新特性:解构赋值 这里简单复现一下 123456789var param = { columns: { property: "我是property" }, data: ["我是", "data", "数组"]}var {columns,data} = paramconsole.log(columns)console.log(data) 输出结果 可以看到我们这里使用 1var {columns,data} = param 去拿到了param里的变量columns和data 这里注意一点,如果我们使用的名字不同的话,是无法取得里面的属性的 例如 123456789var param = { columns: { property: "...

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