在javasctipt里遍历是必不可少的一项重要内容, 从刚入前端坑开始,就会学到遍历的方法,就是for循环,while循环和do while循环,然后就是慢慢的接触,forEach和for in 刚开始,笔者在自学时,用过for in感觉效果和for循环(下面就简称for了)一样,当时就是认为for和for in的效果一样,就是写法不同,但是呢?在一次案例里,才发现有很大的区别,然后就去查,又问(没什么软用),反正捣鼓了好几天,最后算是有一点明白了,下面,就先说一下for和for in的区别
for的语法结构:
for( 初始值;判断条件;步幅){ code }
for( var i =0;i<5;i++ ){
//i初始值为0;i是否小写5;每次循环后i加1
console.log(i);// 0 1 2 3 4
}
for in的写法:
var wq = {
age:20,
name:"咸鱼",
sex:"男"
}
for(var attr in wq){//attr是属性,attr可以换成任意变量名
console.log(attr);// 输出的是 属性名:age name sex
console.log(wq[attr]);//属性相对应的值 20 咸鱼 男
}
写到这里,也许已经有人看出来一些不同了,但是呢?笔者还是想说一下的,因为当时笔者看这还是有点懵,所以为了以防有和我一样菜的抠脚的人,还是说一下比较好,上面写的for,循环的是自己定义的一个数值,一般来说,for也就是用来遍历用的,而且是比较简单的操作,像遍历数组就可以用forEach,但是forEach兼容性不是很好,所以在遍历数组是还是建议用for来做,那为什么不用for
in呢?下面会提到的,for是我们经常用到的,并且也是最简单的一种
而for in就不同了,上面的案例中,对象wq里有三个属性和相对应的值,想要获取到这三个属性及相对应的值for是办不到的,只有for in才可以,所以说,for in一般都是用在遍历对象的,另外,for in也可以遍历数组,但是会存在以下几个问题。
1、index索引为字符串型数字,不能直接进行几何运算
2、遍历顺序有可能不是按照实际数组的内部顺序
3、使用for in会遍历数组所有的可枚举属性,包括原型。例如上栗的原型方法method和name属性
这也是为什么用for不用for in的区别,如果是遍历普通数组的话,用for是最好的选择,但是如果是对象,就for in就好了。
之前笔者在一个案例中,因为太晚了,就不在找了,当大家有这个问题的时候,就对照自己的问题就OK了,发现,for可以用的时候,for
in居然不能用,当时还不知道有这么多的内置原因,这是因为当时在遍历数组时,碰到有属性的值,比方说5个值,for出来的就是 0 1 2
3 4 而for in就是 0 1 2 3 4 length 还有这个值自带的属性等,就是还有别的属性,所以在执行到第 4 个
在向下执行的时候,for就向下执行了,而for in执行的就是 length这个属性,所以就会报错。
上面说到的,就是笔者自己对for和for in区别的理解,可能有很多地方还没有说到,不过能帮到小白就好。
大神也可以在下面补充一下,笔者也可以在加深学习一下。