辉太郎看前端(for...in和for...of)

最新推荐文章于 2023-03-28 17:27:59 发布
最新推荐文章于 2023-03-28 17:27:59 发布
阅读量234 收藏
点赞数 2
分类专栏： 笔记 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50512274/article/details/109990273
版权

for…in和for…of的区别：

一句话for…in循环出来的是key值，for…of循环出来的是数据的值
①循环数组，for…in循环出来的是key值,for…of循环出来的是数据的值。
②循环对象，for…in循环出来的是对象的key值，而for…of会直接报错。
for…in的循环

在这里插入图片描述

for…in 打印

在这里插入图片描述

for…of的循环

在这里插入图片描述

for…of的打印

在这里插入图片描述

③在循环对象时我们配合object.keys()使用就不会报错
循环代码

在这里插入图片描述

打印结果

在这里插入图片描述

④在循环字符串时，for…in也是获取key值，for…of获取数据的值
辉Gg呀！
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
判断一个对象是否可以进行for in穷举
ljh_best的专栏
05-12 599
for(var i=0;i 例如： var a = ["a","b","c"]; for(var el in a){  alert(a[el]); } 这个就是穷举出a中的所有元素，当然上面这个例子是可以用 for(vari=0,len=a.length;i  alert(a[i]); } 这种方式进行循环列出的，不过有时候这种方式就不一定奏效了。 例如： var a ={
for ... in ...语句前面有一个变量和函数，后面有一个if条件判断【python】
秃头小苏的博客
03-19 1356
  这几天看代码经常会看到这样的python语法，如下： result = [number for number in numbers if number > 5]   开始也没注意，认为只是一个for循环，好吧，其实就是一个for循环🎈🎈🎈但是对不知道其语法的同学来说还是很难办的🎃🎃🎃这里对上述语法进行分析。   我们先来看这样的例子: ls1 = ['1', '2', '3', '4'] #定义一个列表ls1 ls2 = [str(i) for i in ls1] #设置一个fo
for in用法， 两数组求和判断
durex_er的博客
09-23 608
两数组，有着相同的字段，数组一，数组二。其中数组二是数组一根据某字段分组求出其中相同一字段的和。两数组允许修改，求修改完的两个数据相互比较，相同的话允许保存，不相同的话return出提示语。 ...
for in 遍历对象属性,判断对象中是否有原型属于
周家大小姐
05-27 803
hasOwnProperty表示是否有自己的属性。这个方法会查找一个对象是否有某个属性，但是不会去查找它的原型链。 let object = { name: '哈哈', age: 18, sex: 'woman', __proto__: { lastName: 'zhou' } } for (const key in object) { if (object.hasOwnProperty(key))
Javascript学习之路：如何理解 for of、for in 和可枚举属性、可迭代对象的关系？
最新发布
Code_King006的博客
03-28 229
属性描述符的enumerable这个属性值为true示例：enumerable:false //a设置为不可枚举属性})一个可迭代对象必须实现iterator这个方法，并且还需要一个next方法，在迭代器内部会不断的调用next方法，直到返回结果是done这个属性，这个属性的值为true才会停止。
用for~of 遍历对象得到键值对数组
Sakurai-cv@leader
03-03 384
主要是给对象或者原型上添加Symbol.iterator属性即Generator函数 let obj = { a:3, b:2, c:1 } function * objGenerator(){ let arr = Object.keys(this) for(let item of arr){ yield[item...
for....in 和 for....of的区别
m0_51328823的博客
01-24 290
for in 和 for of for in和for of都是用来遍历属性的，我们先看一个例子： let arr = [1,2,3,4,5] for(let key in arr) { console.log(key); // 输出下标 } for(let value of arr) { console.log(value); // 输出每个元素 } let obj = { name:'zbt', age:18 } for(let key in obj) { c
for in 和for of的区别(13)
qq_59076775的博客
12-26 399
一.结论 for in 遍历的是数组的索引(即键名),而for of遍历的是数组元素值 for in总是得到对象的key或数组，字符串的下标 for of总是得到对象的value或数组，字符串的值 二.代码 (1)通过for in去遍历对象总是拿到key，通过for of遍历对象总是拿到value 图示： var obj={ name:'女神', age:22 } // 1.通过for in遍历对象总是拿到key for (let ke..
javascript中的 for...in, for...of, for 和 forEach 循环的区别
SpringRolls的博客
03-04 516
for…in和for…of的区别 for … in 获取的是对象的键名key；for … of遍历获取的是对象的键值value 如果要通过for…of循环，获取数组的索引，可以借助数组实例的 entries() 方法和 keys() 方法 for … in 会遍历对象的整个原型链,性能非常差不推荐使用；而 for … of 只遍历当前对象，不会遍历原型链 对于数组的遍历：for … in会返回数组中所有可枚举的属性(包括原型链上可枚举的属性)，for … of只返回数组的下标对应的属性值
js几种获取对象key的方法和区别
weixin_45709829的博客
03-27 5万+
js几种获取对象key的方法和区别 1、Object.keys() ， 遍历自身可以枚举属性 let myColors = { color1: 'pink', color2: 'red' }; let yourColors = { color3: 'green', color4: 'blue' }; Object.setPrototypeOf(yourColors, myColors); //setPr
数组循环及对象循环找key或value
蓝胖子的博客
12-13 4035
数组循环及对象循环找key或value
关于for循环语句输出到数组
wsddjj的博客
07-25 4815
关于for循环语句输出到数组 <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系好安全带,准备启航</title> <script type="tex...
（for in）遍历键名和 （for of）遍历键值，这种说法严谨吗？
weixin_33872660的博客
09-17 534
[1] const arr = [7, 8, 9]; const obj = { a: 4, b: 5, c: 6 }； [2] for (let v in arr){ console.log(v); } // 0, 1, 2 [3 ]for (let v in obj){ console.log(v); } // a, ...
for...of..转换为key，value形式
meng2lin的博客
06-01 1113
最近在做项目，同事问我了一个问题，拿到一个对象里面的值，如下 var obj = { 化学考试: { 测试1: [ {id: 43, listId: 75, orderNum: 3, item: "1", type: 1, createTime: "2020-04-22 15:53:57",} ], 测试2: [ {id: 43, listId: 75, orderNum: 3, item: "1", type: 1, createTime: "2020-04-22 15:53:5
for...in和for...of循环以及forEach方法
Ayiayi00的博客
08-08 6196
用Es6对象扩展运算符（…）与rest运算符说明 function test(first,...a){     for(let val=0; val         console.log(val+' '+'常用的 for循环') // 0-6 便利出下标     }     for(let val in a){         console.log(val+' '+ '
ES6对象遍历-Object.keys()，Object.values()，Object.entries()和for in & for of的遍历顺序
liushan633的博客
11-15 8708
ES6对象遍历用for of 目前遇到的问题是，遍历出来的顺序和原对象顺序不一致 Object.values() const obj = { 100: 'a', 2: 'b', 7: 'c' }; Object.values(obj) // ["b", "c", "a"] 这个遍历出来的顺序就按键值的大小排序了，上面是用数值当键值，但是用字符串当键值时 const obj = { foo: 'b...
ES6中for...of、新增字符串操作、函数新特性
lemon_shinning的博客
06-14 298
for of 是ES6新增的循环方法。其中forEach与for in 也可用于循环。测试代码 测试结果for of 遍历数组中的每一项，纯数组和类数组集合均可遍历,而且它可以与break，continue，return配合使用for in 用于数组与对象，获取的是key。forEach用于纯数组。就是反引号的用法，定义比较长，复杂的字符串；可以换行，可以插入变量，可以插入函数。括号里是几，就重复几遍。 打印结果之前我们判断数组里是否有该项，使用的方法时indexOf()，还有正则表达是的te
javascript如何获取对象的key和value
频繁记录
09-21 4万+
javascript如何获取对象的key和value
【ES6】for of用法
热门推荐
汪小穆的博客
05-31 15万+
前言：for of是ES6新增的循环方法。前面已经说到了 【JavaScript】for、forEach 、for in、each循环详解。那for of又是怎么使用的？ 一、使用例子 使用例子（一） var arr = ['nick','freddy','mike','james']; for(var item of arr){ console.log(item); } 输出...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值