js中的for循环，while循环，do...while循环和C语言的一模一样

有几个问题要提醒一下的是

1.  null是对象，即object       undefined是undefined

demo

 <!DOCTYPE html>

 <html>

 <body>

 <p id="demo"></p>

 <script>

 document.getElementById("demo").innerHTML =

 typeof undefined + "<br>" +

 typeof null + "<br>" +

 (null === undefined) + "<br>" +

 (null == undefined);

 </script>

 </body>

 </html>

结果：

2.几个demo

break的标签引用

 <!DOCTYPE html>

 <html>

 <body>

 <script>

 cars=["BMW","Volvo","Saab","Ford"];

 list:

 {

 document.write(cars[0] + "<br>");

 document.write(cars[1] + "<br>");

 document.write(cars[2] + "<br>");

 break list;

 document.write(cars[3] + "<br>");

 document.write(cars[4] + "<br>");

 document.write(cars[5] + "<br>");

 }

 </script>

 </body>

 </html>

do-while

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

     <p>点击下面的按钮，主要i小于5就一直循环代码块</p>

     <button onclick="myFunction()">hit me</button>

     <p id="demo"></p>

     <script>

     function myFunction()

     {

         var x="",i=0;

         do{

             x=x+"The number is " +i+ "<br />";

             i++;

         }

         while(i<5)

          document.getElementById("demo").innerHTML=x;

     }

     </script>

 </body>

 </html>

结果：

while

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

     <p>点击下面的按钮，只要i小于5就一直循环代码块</p>

     <button onclick="myFunction()">hit me</button>

     <p id="demo"></p>

     <script>

     function myFunction()

     {

         var x="",i=0;

         while(i<5)

         {

             x=x+"The number is " +i+ "<br />";

             i++;

         }

         document.getElementById("demo").innerHTML=x;

     }

     </script>

 </body>

 </html>

结果
：

for

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

     <script>

     cars=["BMW","Volvo","Saab","Ford"];

     var i=0;

     for(;cars[i];)

     {

         document.write(cars[i]+"<br />");

         i++;

     }

     </script>

 </body>

 </html>

结果
：

break

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

     <p>点击按钮，测试带有break语句的循环</p>

     <button onclick="myFunction()">hit me</button>

     <p id="demo"></p>

     <script>

     function myFunction()

     {

         var x="",i=0;

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

         {

             if(i==3)

             {

                 break;

             }

             x=x+"The numbe is "+i+ "<br />";

         }

         document.getElementById("demo").innerHTML=x;

     }

     </script>

 </body>

 </html>

continue

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

     <p>点击下面的按钮来执行循环，该循环会跳过i=3的步进</p>

     <button onclick="myFunction()">hit me</button>

     <p id="demo"></p>

     <script>

     function myFunction()

     {

         var x="",i=0;

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

         {

             if(i==3)

             {

                 continue;

             }

             x=x+"the numeber is "+i +"<br />";

             document.getElementById("demo").innerHTML=x;

         }

     }

     </script>

 </body>

 </html>

结果：

js--小结⑤的更多相关文章

  1. CSS&JS小结

    回顾:html: 作用:展示 文件标签: <html> <head> <title></title> </head> <body> ...

  2. node.js小结 2

    下载node安装npm什么的就不说了 入门总结 http://www.cnblogs.com/Darren_code/archive/2011/10/31/nodejs.html 进入node_HOM ...

  3. 使用Webdriver执行JS小结

    首先,我们使用如下方式初始化driver: WebDriver driver = new FirefoxDriver(); JavascriptExecutor jse = (JavascriptEx ...

  4. js小结

    1,浏览器对json支持的方法: JSON.parse(jsonstr);将string转为json的对象. JSON.stringify(jsonobj);将json对象转为string. 2,js ...

  5. 百度地图js小结

    1.获取javascript API 服务方法,首先申请密钥(ak),才可成功载入APIJS文件. 用法例如以下: <script type="text/javascript" ...

  6. 小程序app.js小结

    小程序app.js app.js import { ApiUrl } from 'utils/apiurl.js'; import { httpReq } from 'utils/http.js'; ...

  7. js 小结

    <script type="text/javascript"> var hotalAddJs = { makeSubmitDataHandler: function ( ...

  8. js小结（一）

    想要的效果:比如说返回 25%  12.5% 33.33% 有几位小数就显示几位,就用 a=Math.round(a*100)/100 如果想要强制返还两位小数,就使用 a=a.toFixed(2); ...

  9. js小结2

    1.includes和contains 对于字符串,数组来说,判断包含是includes,对classList是contains 2.编辑span内容,enter提交(如何避免keydown之后换行: ...

  10. vue初始化、数据处理、组件传参、路由传参、全局定义CSS与JS、组件生命周期

    目录 项目初始化 组件数据局部化处理 子组件 父组件 路由逻辑跳转 案例 组件传参 父传子 子组件 父组件 子传父 子组件 父组件 组件的生命周期钩子 路由传参 第一种 配置:router/index ...

随机推荐

  1. [译]GotW #1: Variable Initialization 续

    Answer 2. 下面每行代码都做了什么? 在Q2中,我们创建了一个vector<int>且传了参数10和20到构造函数中,第一种情况下(10,20),第二种情况是{10, 20}. 它 ...

  2. Apache Struts 跨站脚本漏洞

    漏洞名称: Apache Struts 跨站脚本漏洞 CNNVD编号: CNNVD-201311-010 发布时间: 2013-11-04 更新时间: 2013-11-04 危害等级:    漏洞类型 ...

  3. PHP中zlib扩展实现GZIP压缩输出各种方法总结

    一般情况下我们出现大量数据传输理希望减少服务器的带宽压力,会采取一种方式来压缩文件传输,php中用zlib也可以实现gzip压缩输出,下面我们来看GZIP压缩输出各种方法总结. GZIP(GNU-ZI ...

  4. nyoj 经典的连续字串和

    import java.util.Scanner; public class 字串和 { public static void main(String[] args) { // TODO Auto-g ...

  5. Jsp_demo:自定义标签

    Jsp自定义标签: 1.继承SimpleTagSupport,重写doTag(). 2.在WEB-INF/ 下配置**.tld文件 3.Jsp页面引入自定义标签:<%@ taglib uri=& ...

  6. windows上zend server安装 报The server encountered an internal error or misconfiguration and was unable to complete your request -解决方法 摘自网络

    windows上zend server安装完成后报如下错误:   Internal Server Error The server encountered an internal error or m ...

  7. 使用pupperlabs yum repo

    http://docs.puppetlabs.com/guides/puppetlabs_package_repositories.html

  8. 初级程序员应该了解的Linux命令

    基于Linux的系统最美妙的一点,就是你可以在终端中使用命令行来管理整个系统.使用命令行的优势在于,你可以使用相同的知识和技能来管理随便哪个Linux发行版. 对于各个发行版以及桌面环境(DE)而言, ...

  9. oc学习之路-----搞死指针之内存存储int类型

    关于每个数据类型个字节在内存中的存储地址(以int为例) 先上图 如题,为什么说好的*p = &c是1啊,为什么是513呢,一开始,我也觉得挺惊讶的,后面听老师分析了一下才知道怎么回事,但是还 ...

  10. SQL 中having 和where的区别分析

    在select语句中可以使用groupby子句将行划分成较小的组,然后,使用聚组函数返回每一个组的汇总信息,另外,可以使用having子句限制返回的结果集 在select语句中可以使用groupby子 ...