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-12-08
nvue中list组件下拉刷新后无法上拉加载更多
倘能生存,我当然仍要学习。——鲁迅 组件官网地址:https://uniapp.dcloud.io/component/list 今天在使用list组件时,发现下拉刷新一次后,就不能上拉加载更多了 最后发现官方文档: loadmore 事件 如果列表滚动到底部将会立即触发这个事件,你可以在这个事件的处理函数中加载下一页的列表项。 如果未触发,请检查是否设置了loadmoreoffset的值,建议此值设置大于0 如何重置 loadmore 1234567891011121314151617181920212223<template> <list ref="list"> <cell v-for="num in lists"> <text>{{num}}</text> </cell> </list></template><script> export defaul...
2021-06-01
uniapp中textarea坑
幼稚是会成长,会成熟的。只要不衰老,腐败,就好。——鲁迅 今天在使用uniapp进行开发的时候,发现一个关于textarea标签的坑 代码如下: 12345<template> <view style="width:100%;height: 100%;"> <textarea style="width:100%;height: 100%;" value=" 一般来讲,我们都必须务必慎重的考虑考虑。 带着这些问题,我们来审视一下阿超。 总结的来说, 每个人都不得不面对这些问题。 在面对这种问题时, 阿超因何而发生? 带着这些问题,我们来审视一下阿超。 所谓阿超,关键是阿超需要如何写。 从这个角度来看, 德谟克利特说过一句富有哲理的话,节制使快乐增加并使享受加强。我希望诸位也能好好地体会这句话。 那么, 培根曾经提到过,阅读使人充实,会谈使人敏捷,写作使人精确。这不禁令我深思。 问题的关键究竟为何。 康德在不经意间这样说过,既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。这启发...
2022-06-17
在vue中使用jsx
一个人追求的目标越高,他的才能就发展得越快,对社会就越有益,我确信这也是一个真理。——玛克西姆·高尔基 首先是官方文档 vue2的:https://cn.vuejs.org/v2/guide/render-function.html#JSX vue3的:https://v3.cn.vuejs.org/guide/render-function.html#jsx 我们这里以vue2举例: 先使用render函数写一个最简单的jsx组件 12345678910<script>export default { render() { return <div>Hello World</div> }}</script><style></style> 注意此处不能有template标签,其他的该咋用就咋用 还有的区别在这个链接里:https://github.com/vuejs/jsx#installation 如果有react的基础,上手这个就很容易...
2023-04-15
vueuse
多数人在心底蔑视德,但很少有人轻视荣誉。——沃夫拿格 分享一个vue的组合式api封装库vueuse github:https://github.com/vueuse/vueuse 官档:https://vueuse.org/ 大致用法: 12345678910111213141516171819202122import { useLocalStorage, useMouse, usePreferredDark } from '@vueuse/core'export default { setup() { // tracks mouse position const { x, y } = useMouse() // is user prefers dark theme const isDark = usePreferredDark() // persist state in localStorage const store = useLocalStorag...
2025-04-16
flutter
忘记过去的错误,一切重新开始。今天是争取机遇的日子。我们都是脆弱的人。自我失败和他人的行为往往容易伤害我们。然而,我们生活的意义在于今天,我们要像婴儿抓住母亲那样争取机遇。—— 马尔兹 深入了解 Flutter:构建跨平台应用的利器Flutter 是由 Google 开发的一款开源 UI 工具包,它能够通过一套代码库快速构建跨平台应用程序。无论是 iOS、Android、Web 还是桌面平台,Flutter 都能提供高性能的本地体验。在本文中,我们将深入探讨 Flutter 的核心特性、架构设计以及其在开发中的优势,帮助你更好地理解这个强大的框架。 一、什么是 Flutter?Flutter 是一个 开源的 UI 工具包,用于通过单一代码库构建多平台应用程序。它的核心目标是解决传统跨平台开发中性能和一致性的问题。 特点: 使用 Dart 语言开发 提供丰富的内置组件(Widgets) 基于自绘引擎(Skia),实现高性能的渲染 支持热重载(Hot Reload),提升开发效率 Flutter 的核心代码库托管在 GitHub 上:Flutter GitHub 仓库。 ...
2022-09-24
echarts关系图
交一个读破万卷书邪士,不如交一个不识一字端人——金缨 案例地址:https://echarts.apache.org/examples/zh/editor.html?c=graph&version=5.3.3 点击下方下载示例即可下载: 我这里也根据文档写了个demo: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120<!-- 此示例下载自 https://echarts.apache.org/examples/zh/editor.html?c=graph--><!DOCTYPE html>&l...

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