H5W3
当前位置:H5W3 > JavaScript > 正文

【JS】for of 和 for in 的区别

for of 和 for in 的区别

‭肉斯王子发布于 今天 08:33

for in

for of

两者的区别

遍历对象

`var s={a:1,b:2,c:3}
var s1=Object.create(s);
for(var prop in s1){
console.log(prop);//a b c
console.log(s1[prop]);//1 2 3
}
for(let prop of s1){
console.log(prop);//报错如下 Uncaught TypeError: s1 is not iterable
}
for(let prop of Object.keys(s1)){ // 这里的不可以获取到s1的key的
console.log(prop);// 啥都不输出
console.log(s1[prop]);//1 2 3
}
for(let prop of Object.keys(s1)){ // 这里的不可以获取到s1的key的
console.log(prop);// a,b,c
console.log(s[prop]);//1 2 3
}`
*   1
*   2
*   3
*   4
*   5
*   6
*   7
*   8
*   9
*   10
*   11
*   12
*   13
*   14
*   15
*   16
*   17

遍历数组

`var a=[1,2,3]
for(let i in a){
console.log(i);     //0 1 2
console.log(a[i]); //1 2 3
}
for(let i of a){
console.log(i); //1 2 3
}`
*   1
*   2
*   3
*   4
*   5
*   6
*   7
*   8

遍历字符串

区别同上

javascript
本文系转载,阅读原文
https://blog.csdn.net/shangyanaf/article/details/80415236
阅读 38发布于 今天 08:33
avatar

‭肉斯王子
15 声望
0 粉丝

0 条评论
得票时间

avatar

‭肉斯王子
15 声望
0 粉丝

宣传栏

for in

for of

两者的区别

遍历对象

`var s={a:1,b:2,c:3}
var s1=Object.create(s);
for(var prop in s1){
console.log(prop);//a b c
console.log(s1[prop]);//1 2 3
}
for(let prop of s1){
console.log(prop);//报错如下 Uncaught TypeError: s1 is not iterable
}
for(let prop of Object.keys(s1)){ // 这里的不可以获取到s1的key的
console.log(prop);// 啥都不输出
console.log(s1[prop]);//1 2 3
}
for(let prop of Object.keys(s1)){ // 这里的不可以获取到s1的key的
console.log(prop);// a,b,c
console.log(s[prop]);//1 2 3
}`
*   1
*   2
*   3
*   4
*   5
*   6
*   7
*   8
*   9
*   10
*   11
*   12
*   13
*   14
*   15
*   16
*   17

遍历数组

`var a=[1,2,3]
for(let i in a){
console.log(i);     //0 1 2
console.log(a[i]); //1 2 3
}
for(let i of a){
console.log(i); //1 2 3
}`
*   1
*   2
*   3
*   4
*   5
*   6
*   7
*   8

遍历字符串

区别同上

本文地址:H5W3 » 【JS】for of 和 for in 的区别

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址