【JS】for of 和 for in 的区别

• H5W3
• 2021-02-04 16:27:01

`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

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

遍历字符串

区别同上

以上是 【JS】for of 和 for in 的区别 的全部内容， 来源链接： www.h5w3.com/113052.html