有时候需要对一个若干长度的值进行若干次的操作时
那么循环便是一个好方法,这可以节省很多代码,例如
当你获取到了10个按钮时,想将其按钮全部更改CSS样式时
一个一个的添加就非常的麻烦
但是用循环的方法就非常的简单。
下面就用代码实现这个简单的例子
上面的for循环方法后面的参数意思分别为
var i=0;
首先声明一个变量为i初始值赋为0,且生命周期只有在当前循环中才有效
i > btn.length;
这个则是判断,当条件满足时才会执行循环里面的代码,不满足就会停止循环
i++;
这个会在每次循环完成后将i变量自动加1
其次是执行代码中的i,该变量在每次执行是都是当前判断的值
那么还有其他循环的方法吗,那肯定是有的
比如用来循环数组的循环方法 for...in
如果用上面的方法来循环数组的话就会发现不行
而for...in则是当你的数组有多少个值,
该方法就会循环多少次
下面就让我来使用for...in来进行一个简单的循环吧
控制台的输出
说一说上面for...in里面的值吧
首先是i,该值为索引,比如当第一次执行时i的值为零
然后是sz,很明显这就是数组的名称
还有剩下循环的方法,
这里就不在一一细说了