js中关于for循环的一些记录

和其他的编程语言一样,for循环是一个非常重要的因素,再编程之中。

# for(var x=0; x<10; x++) { console.log(x);}

这个是最原始的for循环,和其他的编程语言一样 会在控制台上依次输出 0-9


然后做一些进阶版 =。=

# arr.forEach((x, index) => { console.log(x, index)})

forEach是对数组的遍历,其实和原始的for循环是类似的。  具体是和  for(var x=0; x<arr.length; x++) {console.log(arr[x], x)}  是一样的,其实理解这个循环是一个很重要的环节,因为后面的其他版本做到的 也是实现这句代码的功能。

--->注意一下的是,object 事没有forEach()的


#for (x in items) { }

这是另外的一个进阶版

但是这个用起来就是有一点奇妙了,因为这个对items自身的属性是有区别的;

1) 当items 为object时,这是一个很奇妙的输出

即  for(x in items) { console.log(x) } 此时会依次输出  ,我们会发现此时输出的是数组的 键 , 如果console.log(items[x])此时才会按想法输出 items的值

2)当items 为arr时,就会出现我们期待的结果,  结果还是和我想的不一样

for(x in items) {console.log(x)} 此时会 输出, 0,1,2..,这个才是数组的index,items[x] 会输出 数组的值

差一点就写错了。。还好试了一下。。。


在es6 中为了改善上面的循环又引进了一个新的。。

# for (x of items) {}

这个和上面的foreach类似,只是一个专门为了数组存在的方式,因为如果items 为obj 就会报错。当items = [x1, x2, x3, x4, x5] ; for(x in items) { console.log(x)} 就会输出 我们想看到的 x1 x2 x3 x4 x5..终于如愿以偿。。



经过以上测测试,for-in 和 for-of 基本可以完成大部分的功能,如果你是一个php用户 我觉得 forEach也是一个不错的方法,到是 原始的for循环 似乎有一点泯然众人矣~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js简介 Js是一种基于事件和对象驱动的解释性、松散性的语言。 一切皆对象 javascript 布兰登艾奇 ...
    塔库纳玛哈哈阅读 4,971评论 0 2
  • 由于最近都在freecodecamp上刷代码,运用了很多JavaScript数组的方法,因此做了一份关于JavaS...
    2bc5f46e925b阅读 6,208评论 0 16
  • 1、数组的定义var arr=[];var arr=[{a:1,b:2},[1,2,3],function(){r...
    青春前行阅读 2,778评论 0 0
  • 数组循环 针对数组,for循环完全OK,此处略过不表,只说一说为方便我们开发而那些内置的方法: forEach就是...
    RichardBillion阅读 5,679评论 6 18
  • 二零一六年七月十日晚十二点前的三分钟,我决定写一个故事。 二零一六年七月十日晚十二点前的二分钟,,我决定写一段话。...
    导演张升志阅读 1,414评论 0 0

友情链接更多精彩内容