for...in 与for ...of的区别

Posted kukai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了for...in 与for ...of的区别相关的知识,希望对你有一定的参考价值。

for ..in 用来遍历迭代对象的键

          即  如果 for. ..in 遍历的是数组,则输出的值 数组的下标

         例子 

    this.str = new Array();
    this.str.push(‘15‘);
    this.str.push(‘20‘);
    this.str.push(‘29‘);
    for (const i in  this.str) {
        console.log(i);    i为数组的下标值
    }
  如果 for...in 遍历的是对象,则输出的值 是对象个 键(key)
 
const personInfo = {
      name: ‘张三‘, age: 29, addr: ‘我在这里,等风,也等你‘
    };
 
 
    for (const ss in personInfo) {
       console.log(ss);  ss的值为 name 、age、addr
     }
 
for...of 用来遍历迭代数组的值
  this.str = new Array();
    this.str.push(‘15‘);
    this.str.push(‘20‘);
    this.str.push(‘29‘);
    for (const i of   this.str) {
        console.log(i);    i的值为‘15’,‘20’,‘29’
    }

以上是关于for...in 与for ...of的区别的主要内容,如果未能解决你的问题,请参考以下文章

for of 与 for in 的区别

for of 与 for in的区别

for of 与 for in的区别

for in与for of区别

for in,Object.keys()与for of的用法与区别

for in,Object.keys()与for of的区别