浅谈javascript中的for循环-写给新手

时间:2022-02-18 00:57:33

对于刚刚学习web前端的新手来说,javascript中的for循环总是会搞的新手们晕头转向的 作为我博客开篇的处女博文 当然我也是新手菜鸟,也希望各位大神不喜勿喷,博文中不当之处还望指出!

 
新手在运用for循环的时候往往是才学了没多久 然后碰到了一组元素或者数据需要去改变 然后运用的时候经常出错。


比如以下常见的错误

for(var i=0;i<aDiv.length;i++) { aDiv.style.background="red"; }
为什么出现这种错误呢还是因为对for的理解不够确切,我们来看正确的代码
可以看到aDiv加了下标选择的方括号 而且值为i
for(var i=0;i<aDiv.length;i++) { aDiv[i].style.background="red"; }
这样就可以吧所有选中的div背景颜色设置为红色
for循环的原理是这样的 定义初始值 然后让他大于或者小于某个值 然后进行循环 第三个参数是步长 也就是每次循环加多少
如果到达条件for循环就会自动停止循环。
首先,这个变量 i 初始值是0 最开始循环 这样选中第aDiv[0]个div进行背景颜色的设置,然后是再次循环i++ 这时i的值变为1选中了第aDiv[1]个div进行背景颜色设置 以此类推形成对整组元素的操作
这里还要注意一下 javascript里面一组元素或者一组数据下标一般来说默认是从0开始的 所以就是aDiv[0]个实际上是选中了第一个div,aDiv[1]个选中的是第二个
所以aDiv加个下标 每次循的是i值 i值变化,然后设置的时候 设置第i个元素 

新手可能会有这样的疑问 为什么瞬间完成了呢 其实这个也很好说的啦 因为设备性能在日益提高 你要是找一台足够破的电脑来试 估计会有意想不到的效果!

好了 我的第一个博文 也就这样写完了 可能写的不太清楚 语言也组织的不太好 望各位高手加以批评!