1.循环格式：

定义初始值    终止条件

// 1.将i的值写在里面
for(var i=0;i<;i ++){

　　console.log(i);

　　}
// 2.也可以将i的值写在外面，分号必须还在
var i=0;
for(;i<4;i ++){
    console.log(i)
}
// 3. 将 i ++ 写在console.log 后面，分号必须还在
var i=0;
for(;i<4;){
    console.log(i);
    i ++
}
 

终止循环和跳过循环

    <script>

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

            // if(i==3) {

            //     break;  // 当i=3停止循环

            // }

            if(i==3) {

                continue;  // 当i=3，跳过本次循环

            }

            console.log(i);

        }

    </script>

 四个块，点击每个块弹出他的序号

    <style>

        * {

            margin: 0;

            padding: 0;

        }

        ul li{

            list-style: none;

            width: 50px;

            height: 50px;

            background: red;

            border: 1px solid white;

            float: left;

        }

    </style>

<body>

    <ul>

        <li></li>

        <li></li>

        <li></li>

        <li></li>

    </ul>

</body>

</html>

1.普通写法

　　点击第一个 弹出  1

oLi[0].onclick=function () {
    (alert(1));
};
...

2.循环来写

        // 循环来做到上面的效果

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

            oLi[i].onclick=function () {

                alert(i)  // 这里打印的i的值是循环结束时的i值

 i=4 <时不满足条件，循环结束 打印i值 4

            }

        }

因为循环将i值一下子就循环完了，alert接受的值就是循环结束时的值。

处理方法：将i的值存到一个变量里面

    <script>

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

            oLi[i].index=i;  // index自定义变量(oLi的属性)接受i的值

            oLi[i].onclick=function () {

                alert(this.index +1)  // i值是从0-3，所以+1

            }

        }

    </script>

2.条件if 

　　格式：

单个条件

--1.
if(判断的条件){
    true执行这儿
}else{
    false执行这儿
}
--2. if(2<10)alert("true");  // 简写 只有条件为真执行alert，否者不执行
--3. 三目运算 单个·条件才能写成三目运算
　　　　3>2?alert(1):alert(0);
// 三目运算
// 3>2?x=5:x=2;  不管真假都是给x赋值 可简写成如下 x=5
　　x=3>2?5:2;     // x=5

多个条件

if(判断的条件){
    true执行这儿
}else if(判断的条件){
    满足else if执行这儿
}else if ...


判断符：< ,>, =, <= ,>=, !=, !==, ==, ===


  • !== 不全等  ，值和类型有一个不同就是不全等




        if(3!=="3"){

            alert(1)         // 值相等，类型不等。为不全等，true alert 1。

        }else{

            alert(0)

        }




  • == 判断值是否一样
    • 

  • === 判断值，和他的类型是否一样


转换为布尔值的时候为false的值：


  • 0 number
    • 

  • false boolean
    • 

  • "" string
    • 

  • null object/null
    • 

  • undefined undefined
    • 

  • NaN number




NaN   not a number 属于number类型 非法运算的时候出现 "11"%"1a"  非法


isNaN(参数)   它会把参数尽量转换成数字

　　　　　　　　参数为数字返回 false -- 它讨厌数字，所以否掉它

　　　　　　　　参数不为数字返回 true


alert(isNaN("5"));  // 它把字符串"5"转换成数字5，他是数字，条件为false


3. switch ：全等判断




    <script>

        // -- switch 全等判断 break终止循环 ，没有break 他会把条件满足后的所有alert都执行

        switch("tj"){

            case "tj":

                alert("z") // 满足条件 弹出z ,如果不写break，还会弹出z1 z2

                break;

            case "tj1":

                alert("z1")

                break;

            case "tj2":

                alert("z2")

                break;

        }

    </script>




4.while


// -- while  类似for 的第三种写法
var i=0;
while(i<5){
    console.log(i);
    i ++
}


--do while




   <script>

        var i =5;

        do{

            console.log(i);    // 先执行一次，不管条件

            i --

        }while(i>2)            //  再判断条件，条件满足再 i --

   </script>
打印结果为 5，4，3




 
												


											
JS - 循环，条件if，switch，while的更多相关文章
	

    
						
  1. Vue.js：条件与循环
		
    ylbtech-Vue.js:条件与循环 1.返回顶部 1. Vue.js 条件与循环 条件判断 v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-i ...
    
		
    2. 
						
  2. go语言学习——变量、常量、循环、条件、switch、数组和切片
		
    1.变量 package main import "fmt" func main() { 个或者多个变量. var a string = "initial" f ...
    
		
    3. 
						
  3. JS流程控制语句 重复重复（for循环）语句结构：  for(初始化变量;循环条件;循环迭代) { 循环语句   }
		
    重复重复(for循环) 很多事情不只是做一次,要重复做.如打印10份试卷,每次打印一份,重复这个动作,直到打印完成.这些事情,我们使用循环语句来完成,循环语句,就是重复执行一段代码. for语句结构: ...
    
		
    4. 
						
  4. JS循环+循环嵌套+经典例题+图形题
		
    首先,了解一下循环嵌套的特点:外层循环转一次,内层循环转一圈. 在上一篇随笔中详细介绍了JS中的分支结构和循环结构,我们来简单的回顾一下For循环结构: 1.for循环有三个表达式,分别为: ①定义循 ...
    
		
    5. 
						
  5. JS 循环练习
		
    规律   大范围套小范围   循环   分支语句   switch case 嵌套  死循环 while(true)  打破循环   break    continue    while(true)  ...
    
		
    6. 
						
  6. JS数组+JS循环题
		
    先看JS循环作业题: 一.一张纸的厚度是0.0001米,将纸对折,对折多少次厚度超过珠峰高度8848米 <script type="text/javascript">  ...
    
		
    7. 
						
  7. js循环异常
		
    1.当在循环数组时,数组发生变化,循环item 为定义undifined $.each(blogMng.commonKit.upLoadMng.medias, function (index, ite ...
    
		
    8. 
						
  8. JS循环汇总
		
    JS循环汇总 一.总结 一句话总结:js中的循环主要有while.for.for...in.for...of,循环是,要区别不同的循环对象,比如对象,数组,集合等 while for for...in ...
    
		
    9. 
						
  9. js循环数组（总结）
		
    js循环数组(总结) 一.总结 一句话总结: for循环:for(j = 0,len=arr.length; j < len; j++) {} foreach循环:arr.forEach((it ...
    
		
    10. 
						
  10. JS循环解决任意日期间的间隔天数
		
    用JS循环解决任意日期间的间隔天数,并求截止日期是周几 y1=1900 m1=1 d1=1 y2=2000 m2=5 d2=3 days=0 ydays=0 mdays=0 ddays=d2-d1 f ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 轻松玩转AI 与PDF文件的转化（完美解决字体问题）
			
    经过漫长而坚苦卓绝的研究查阅了网上无数资料下载了众多相关软件进行试验终于,找到搞定PDF文件的方便并且有效的办法PDF文件!你这个魔鬼!退去吧!!!! 难点一: 如何修改客户常常会提供不知道从哪里搞来 ...
    
			
    2. 
						
  2. fiddler Android抓包与弱网
			
    tools rules-ctrl+R 搜索 oSession["request-trickle-delay"] = rules-perfromance-simulate modem ...
    
			
    3. 
						
  3. hdu5229
			
    bc41第二题: 题意:两个人有 n 个串,随机选出两个串,可以进行这样的操作:①选一个串消去最后一个字符,②若两串相同则可以全部消去两串 若到某个人时正好消去两个串,则这个人胜另一人负,问先手胜概率 ...
    
			
    4. 
						
  4. ballerina 学习二十六  项目docker 部署&& 运行（二）
			
    ballerina 从发布,到现在官方文档的更新也是很给力的,同时也有好多改进,越来越好用了 可以参考官方文档 https://ballerina.io/learn/by-guide/restful- ...
    
			
    5. 
						
  5. 时间操作（JavaScript版）—年月日三级联动（默认显示系统时间）
			
    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/wangshuxuncom/article/details/35263317         这个功能 ...
    
			
    6. 
						
  6. asterisk channel driver dev ref
			
    入口函数load_module    load_config    ast_channel_register console_tech    ast_cli_register_multiple     ...
    
			
    7. 
						
  7. 【转】每天一个linux命令（4）：mkdir命令
			
    原文网址:http://www.cnblogs.com/peida/archive/2012/10/25/2738271.html linux mkdir 命令用来创建指定的名称的目录,要求创建目录的 ...
    
			
    8. 
						
  8. php preg_replace空格无法替换问题
			
    一次坑爹的小bug.读取一段文字(编码utf-8),想替换掉空格,str_replace(" "..).preg_replace("/\s/"..)都不起作用. ...
    
			
    9. 
						
  9. postman的Testing examples（常用方法）
			
    在实现接口自动测试的时候,会经常遇到接口参数依赖的问题,例如调取登录接口的时候,需要先获取登录的key值,而每次请求返回的key值又是不一样的,那么这种情况下,要实现接口的自动化,就要用到postma ...
    
			
    10. 
						
  10. ERROR 1130 (HY000): Host '192.168.20.165' is not allowed to connect to this MySQL server
			
    问题 远程连接mysql时遇到如下问题: ERROR 1130 (HY000): Host '192.168.20.165' is not allowed to connect to this MyS ...
    
			
    11.