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. paip.php eclipse output echo 乱码

    paip.php eclipse output echo 乱码 作者Attilax ,  EMAIL:1466519819@qq.com  来源:attilax的专栏 地址:http://blog.c ...

  2. git stash的使用

    https://git-scm.com/docs/git-stash 在git svn的时候使用,提交记录的时候,有部分文件的修改不需要commit. 在向svn进行git svn dcommit的时 ...

  3. 使用C#画图（饼图折线图）

    public PlaceHolder PlaceHolder1; //显示图像的控件 各个图像的类别名称如下: PictureType    图形种类    5    chChartTypeBarCl ...

  4. WordPress get_allowed_mime_types函数(wp-includes/functions.php)存在跨站脚本漏洞

    漏洞版本: WordPress 3.6 漏洞描述: CVE ID:CVE-2013-5738 WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设 ...

  5. Java NIO原理及实例

    Java NIO是在jdk1.4开始使用的,它既可以说成“新I/O”,也可以说成非阻塞式I/O.下面是java NIO的工作原理: 1. 由一个专门的线程来处理所有的 IO 事件,并负责分发. 2. ...

  6. Away3D基础之摄像机

    转自:http://blog.csdn.net/cceevv/article/details/8571860 原英文地址:http://www.flashmagazine.com/Tutorials/ ...

  7. C#后台执行bat

    C#后台执行bat ProcessStartInfo p = new ProcessStartInfo(); p.FileName = "C:\\1.bat"; p.WindowS ...

  8. Oracle由ID生成父ID的函数

    /*表结构*/ CREATE TABLE ly_md ( bh BYTE), mc BYTE), pym BYTE), f_bh BYTE), ch NUMBER, ID NUMBER ); INSE ...

  9. winform代码反编译后图片等资源文件恢复解决方案

    用Reflector工具反编译的winform代码,图片等资源文件不能很好的反编译成功. 这里有一个笨的解决方案.首先我们要了解图片资源当初加入到工程的几种方式,及他们所在的位置. 一般winform ...

  10. Tsinsen A1505. 树（张闻涛） 倍增LCA,可持久化线段树,DFS序

    题目:http://www.tsinsen.com/A1505 A1505. 树(张闻涛) 时间限制:1.0s   内存限制:512.0MB    总提交次数:196   AC次数:65   平均分: ...