五、循环语句

循环语句常常和流程控制语句结合使用,循环语句拿到数据,if语句对数据做一些过滤和判断

一、for循环

将代码块执行指定的次数

for(循环变量初始化;循环条件;循环变量变化(自增或自减)){循环体代码}

执行步骤:

1、循环条件初始化(只在第一次循环的时候执行一次)

2、判断循环条件,循环条件为真,执行步骤3,循环条件为假,则结束循环

3、执行循环体代码

4、循环变量变化

5、按照2,3,4的步骤执行,直到循环结束

实例:页面上输出1,2……10

for(var i=0;i<10;i++){

  document.write(i,<br>)

}

或者可写为(循环变量的声明可以放到for循环外面,循环变量的改变可以放到for循环里面,但是;一定要保留

var i=0;

for( ; i<10 ; ){

  document.write(i,<br>);

  i++;

}

注意点:1、循环条件+循环变量的改变 用以控制循环体代码执行的次数

二、双层for循环

for(var j=0;j<3;j++){
  for(var i=1;i<6;i++){
    document.write(i,'  ')
  }
  document.write('<br>')
}

1、外层for循环先执行,外层循环变量初始化,满足循环条件后,执行循环体代码,碰到内层 for循环,内层for循环执行完毕后,继续判断外层for循环条件,执行下一次外层循环……

注意点:1、每次进入内层for循环,都要初始化循环条件 var i =1

2、外层for循环先执行一次,等内层for循环执行完毕后,外层for循环才执行下一次

3、区分清楚内外层for循环的循环体代码,一般情况下,内层for循环整体是外层for循环的一部分循环体代码

三、while循环

所有的for循环都可以用while循环实现

循环变量初始化
while(循环条件){
    循环体代码执行;

    循环变量改变;
}

var i=0

while(i<10){

  document.write(i,'  ')

  i++

}

注意、当循环次数不确定时,可以省略循环变量初始化和循环变量改变,也就是只要循环条件满足,循环体代码会一直执行,例如:

while(arr.length<10){

  console.log(arr[i])

}

区别

while循环通常用在不确定循环次数的情况下,而for循环通常用在已知循环次数的情况下

四、do.......while循环

循环变量初始化;
do{
  循环体代码执行

  循环变量改变

}while(循环条件)
while和do...while循环的区别;
do...while循环无论循环条件是否成立都至少会执行一次循环体代码

五、循环控制语句  continue、breK的区别

continue跳出单次循环,循环体中一旦出现continue,后面的循环体代码不再执行,跳到循环变量自增/自减这一步,判断是否满足循环条件后,进行下一次循环

break跳出循环,直接结束整个循环

六、变量和字符串的拼接,使用+

var str='hello'

str+'world'   //helloworld

七、创建元素

DOM提供了一系列的方法可以用JS操作DOM节点(创建页面节点、获取元素等、添加元素)

1、创建节点var newDiv = document.createElement('span')

2、获取元素节点document.getElementById('body')  //假设元素的id为body

3、添加元素节点body.appenChild(newDiv)

4、为元素添加类名

newDiv.className='active'

原文地址:https://www.cnblogs.com/liankong/p/10927996.html