for in

  1. 个别用于遍历对象的可枚举属性。以及对象从构造函数原型中继承的属性。对于每个不同的属性,语句都会被执行。
  2. 不倡议应用for in 遍历数组,因为输入的程序是不固定的。
  3. 如果迭代的对象的变量值是null或者undefined, for in不执行循环体,倡议在应用for in循环之前,先查看该对象的值是不是null或者undefined

for of

1.for…of 语句在可迭代对象(包含 Array,Map,Set,String,TypedArray,arguments 对象等等)上创立一个迭代循环,调用自定义迭代钩子,并为每个不同属性的值执行语句

两者的区别

遍历对象

`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

遍历字符串

区别同上