JavaScript 语句之常用 for 循环详解
javascript中循环语句不少,for、for in、for of和foreach循环,今天对比array、object、set(es6)、map(es6)四种数据结构循环语句支持的情况及区别。
新建四种数据类型的测试数据
1 for
普通for循环在 array 中可以使用。 遍历数组时,是遍历数组 下标 索引,通过下标去取值。
2 for in
for in 在 array 和 object 中都可以使用。需要注意的是,在原型上的属性,也会被循环出来。
array
可以看到原型上的也被循环出来了,只并不是我们想要的,我们可以通过 hasownproperty过滤掉原型上的属性。
object
对于object也是会存在同样问题,原型上的也会被循环出来,同样也可以通过 hasownpr operty 过滤 掉原型上的属性 。
3 for of
for of在array、object、set、map中都可以使用。
array
array本质上也是对象,所以我们可以在隐式原型(__proto__)上可以找到定义好的方法。
object
set
由于set是没有重复的,所以keys和values是一致的,也就是说下面四个输出是一致的
map
可以使用break,continue语句跳出循环,或者使用return从函数体返回。
4 foreach
foreach循环在array、set、map中都可以使用。但是方法不能使用break,continue语句跳出循环,或者使用return从函数体返回。
array
se t
m ap
break,continue和return
使用continue会提示
使用break会提示
使用return,并不会返回,而是继续循环
5 总结
普通 for 循环在 array 中可以使用。遍历数组时,是遍历数组下标索引,通过下标去取值;for in 在 array 和 object 中都可以使用。但需要注意的是,在原型上的属性,也会被循环出来;for of 在array、object、set、map中都可以使用。也可以使用break,continue和return;foreach循环在array、set、map中都可以使用。但是方法不能使用break,continue语句跳出循环,或者使用return从函数体返回。
到此这篇关于javascript 语句之常用 for 循环详解的文章就介绍到这了,更多相关js for 循环内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!