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. java学习多线程之死锁

    形成死锁的前提是同步代码块嵌套. 什么是死锁?当一个线程拿到锁以后在这个锁内部的代码需要访问另一段的代码的时候另外一个程序的锁被另外一个线程拿到,这样的话,就造成了两个锁互不想让程序没法往下执行的这种 ...

  2. XtraForm中更换皮肤

    前提: 默认皮肤的显示http://www.cnblogs.com/chucklu/p/4785572.html 1.修改XtraForm的LookAndFeel的SkinName属性,设置为Cara ...

  3. How to hide TabPage from TabControl

    No, this doesn't exist. You have to remove the tab and re-add it when you want it. Or use a differen ...

  4. ORA-32001: write to SPFILE requested but no SPFILE specified at startup

    SQL> alter system set  sga_max_size=2048M scope=spfile; alter system set  sga_max_size=2048M scop ...

  5. WebView loadData出错(奇怪的设计)

    今天遇到一个奇怪的问题. 我使用WebView加载一个网页.  方法1. 直接使用 loadUrl() 方法,没有问题.完全可以.方法2. 使用loadData()方法,出现问题,无法显示.方法3. ...

  6. [Java]重载,重写以及继承,多态的区别

    转自:http://android.blog.51cto.com/268543/53181 什么是多态?它的实现机制是什么呢?重载和重写的区别在那里?这就是这一次我们要回顾的四个十分重要的概念:继承. ...

  7. （转载）AS3中的mouseEnabled与mouseChildren

    (转载)http://www.cnblogs.com/gongchen/archive/2013/05/09/3069055.html mouseEnabled与mouseChildren都是用来确定 ...

  8. Selenium - WebDriver 小结(1)

    public class Base { SimpleDateFormat formatterTime = new SimpleDateFormat("yyyyMMdd_hhmmssa&quo ...

  9. 常用开源GIS项目

    常用开源GIS项目     常用开源桌面GIS软件 QGIS 始于2002年5月,算得上是开源GIS平台中的后起之秀.界面友好,分析功能可与GRASS GIS相媲美.主页:http://www.qgi ...

  10. 关于理解《C++ 对象模型》中：把单一元素的数组放在末尾，struct可以拥有可变大小的数组

    这一章在第19页,写的好深奥,我竟然没看明白在说什么--之后再看了几遍,终于明白了. 原文: C程序员的巧计有时候却成为c++程序员的陷阱.例如把单一元素的数组放在一个struct的末尾,于是每个st ...