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. go语言学习——变量、常量、循环、条件、switch、数组和切片

    1.变量 package main import "fmt" func main() { 个或者多个变量. var a string = "initial" f ...

  3. JS流程控制语句 重复重复(for循环)语句结构: for(初始化变量;循环条件;循环迭代) { 循环语句 }

    重复重复(for循环) 很多事情不只是做一次,要重复做.如打印10份试卷,每次打印一份,重复这个动作,直到打印完成.这些事情,我们使用循环语句来完成,循环语句,就是重复执行一段代码. for语句结构: ...

  4. JS循环+循环嵌套+经典例题+图形题

    首先,了解一下循环嵌套的特点:外层循环转一次,内层循环转一圈. 在上一篇随笔中详细介绍了JS中的分支结构和循环结构,我们来简单的回顾一下For循环结构: 1.for循环有三个表达式,分别为: ①定义循 ...

  5. JS 循环练习

    规律   大范围套小范围   循环   分支语句   switch case 嵌套  死循环 while(true)  打破循环   break    continue    while(true) ...

  6. JS数组+JS循环题

    先看JS循环作业题: 一.一张纸的厚度是0.0001米,将纸对折,对折多少次厚度超过珠峰高度8848米 <script type="text/javascript"> ...

  7. js循环异常

    1.当在循环数组时,数组发生变化,循环item 为定义undifined $.each(blogMng.commonKit.upLoadMng.medias, function (index, ite ...

  8. JS循环汇总

    JS循环汇总 一.总结 一句话总结:js中的循环主要有while.for.for...in.for...of,循环是,要区别不同的循环对象,比如对象,数组,集合等 while for for...in ...

  9. js循环数组(总结)

    js循环数组(总结) 一.总结 一句话总结: for循环:for(j = 0,len=arr.length; j < len; j++) {} foreach循环:arr.forEach((it ...

  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 ...

随机推荐

  1. opencv-python教程学习系列5-处理鼠标事件

    前言 opencv-python教程学习系列记录学习python-opencv过程的点滴,本文主要介绍opencv-python处理鼠标事件,坚持学习,共同进步. 系列教程参照OpenCV-Pytho ...

  2. 51Nod - 1001:数组中和等于K的数对

    基准时间限制:1 秒 空间限制:131072 KB 分值: 5 难度:1级算法题 给出一个整数K和一个无序数组A,A的元素为N个互不相同的整数,找出数组A中所有和等于K的数对.例如K = 8,数组A: ...

  3. 关于Hibernate性能优化之 FetchType=Lazy时查询数据

    当表A和表B一对多的关系 对于A和B的实体类,设置FetchType=EAGER时,取A表数据,对应B表的数据都会跟着一起加载,优点不用进行二次查询.缺点是严重影响数据查询的访问时间. 解决办法Fet ...

  4. Android已有的原生Camera框架中加入自己的API的实现方案。

    版权声明:本文为CSDN博主(天才2012)原创文章.未经博主同意不得转载. https://blog.csdn.net/gzzaigcn/article/details/25707389     在 ...

  5. TortoiseSVN使用步骤和trunk,Branch,Tag详细说明

    1 安装及下载client 端 2 什么是SVN(Subversion)? 3 为甚么要用SVN? 4 怎么样在Windows下面建立SVN Repository? 5 建立一个Working目录 6 ...

  6. RTSP HTTP RTP RTCP

    RTSP简介 RTSP(Real Time Streaming Protocol)是由Real Network和Netscape共同提出的如何有效地在IP网络上传输流媒体数据的应用层协议.RTSP对流 ...

  7. JUC集合之 LinkedBlockingQueue

    LinkedBlockingQueue介绍 LinkedBlockingQueue是一个单向链表实现的阻塞队列.该队列按 FIFO(先进先出)排序元素,新元素插入到队列的尾部,并且队列获取操作会获得位 ...

  8. Application 应用对象

    在整个服务器运行过程中,application对象只有一个 下面的例子是访问次数的统计 <%@ page language="java" contentType=" ...

  9. JQuery获得内容 - text()、html() 以及 val()

    获得text()和html() <!DOCTYPE html><html><head><script src="/jquery/jquery-1.1 ...

  10. linux 信号处理 二 (信号的默认处理)

    今天碰到一个SIGHUP问题,再复习一遍: 有些信号的默认处理方式为“终止+core”,这里的core表示,进程终止时,会在进程的当前工作目录生产一个core文件,该文件是进程终止时的内存快照,以便以 ...