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. WordPress RokNewsPager插件‘thumb.php’多个安全漏洞

    漏洞名称: WordPress RokNewsPager插件‘thumb.php’多个安全漏洞 CNNVD编号: CNNVD-201309-369 发布时间: 2013-09-24 更新时间: 201 ...

  2. 关于启动Visual Studio 2010 旗舰版的几个错误的解决方法。

    关于启动Visual Studio 2010 旗舰版的几个错误的解决方法.亲测. 重做系统之后,今天是第一次打开Visual Studio 2010 旗舰版码代码,结果遇到几个弹出的对话框,现在与大家 ...

  3. smoke kde binding

    1.git下来smokegen.smokeqt,qtruby2.安装qt4.8.5,ruby1.9.13.cmake,先smokegen,设置些环境变量参数之类的,一直下来应该没问题,all buil ...

  4. xcode duplicate symbol _GAD_MD5 解决方法

    添加了mobi的广告平台后,在Device状态打包时,出现此错误. duplicate symbol _GAD_MD5 in: 解决方法: Targets ->Build Setting  中设 ...

  5. asp.net EasyUI DataGrid 实现增删改查

    转自:http://www.cnblogs.com/create/p/3410314.html 前台代码: <!DOCTYPE html> <html xmlns="htt ...

  6. 用SQL描述树

    /*40条(1层) SELECT COUNT(*) FROM t01_mwfl WHERE AZFSDM=01 AND LEVEL=1 START WITH PID=0 CONNECT BY PRIO ...

  7. DIY常用网站

    工作: 技术: 学习: 个人十佳博客介绍:http://hedengcheng.com/?p=676

  8. Shell数组：shell数组的定义、数组长度

    Shell在编程方面比Windows批处理强大很多,无论是在循环.运算. bash支持一维数组(不支持多维数组),并且没有限定数组的大小.类似与C语言,数组元素的下标由0开始编号.获取数组中的元素要利 ...

  9. 中文字符串的编码转换(c实现)

    中文字符串在c/c++中表示为字节序列,在分词的时候需要根据不同的编码方式进行分词,一般分词器需要转换成统一的编码方式再进行转换,有些分词器如ICTCLAS在分词的时候可以不显示定义编码方式,可以检测 ...

  10. CSS学习之盒子模式

    从CSS角度来看,页面上每个元素都是一个盒子,不管是块元素还是内敛元素等.而这个盒子由四个部分组成.内容区,补白,边框,边界,下面来介绍下这四种元素. 1 内容 每个元素都是以某些内容开始的,比如文本 ...