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图形化界面设计——布局管理器之BorderLayout（边界布局）

    http://blog.csdn.net/liujun13579/article/details/7772215 边界布局管理器把容器的的布局分为五个位置:CENTER.EAST.WEST.NORTH ...

  2. bzoj2038

    网上大片的莫队算法题解,先orz一下莫队什么不会莫队?没事我来篇低端的分块大法好啊,我们知道对于区间[l,r]答案是S/P P是一下子可以算出来的,S=∑(pj-1)*pj/2 pj表示区间内颜色为j ...

  3. PrintWriter out = response.getWriter() 输出中文乱码问题

    HttpServletResponse response = ServletActionContext.getResponse();        response.setCharacterEncod ...

  4. Devexpress 之gridControl

    1.gridControl如何去掉主面板? 鼠标右键Run Designer=>OptionsView => ShowGroupPanel=False: 2.gridControl如何设置 ...

  5. 统计学习方法——P1

    背景基础知识备忘 平均差 MD=(∑|xi-x'|)/n 加权平均差 A.D=(∑|xi-x'|fi)/∑fi 方差 标准差 SD=方差的平方根 分布函数:   设X是一个随机变量,x是任意实数,函数 ...

  6. Enter键提交表单

    input type="submit"在360浏览器上不能提交   用了这个 <input type="button" class="btn b ...

  7. HTML5 Canvas核心技术—图形、动画与游戏开发.pdf8

    第6章 精灵 精灵(sprite),它是一种可以集成入动画之中的图像对象,赋予它们各种行为,精灵并非Canvas API的一部分,,但都是从它衍生而来 本章将会实现三种设计模式:策略模式(精灵与绘制器 ...

  8. TabHost自定义外观

    博客园:http://www.cnblogs.com 农民伯伯: http://www.cnblogs.com/over140 版本 新浪微博 weibo_10235010.apk 正文 一.效果图 ...

  9. linux diff详解

    diff是Unix系统的一个很重要的工具程序. 它用来比较两个文本文件的差异,是代码版本管理的基石之一.你在命令行下,输入: $ diff <变动前的文件> <变动后的文件> ...

  10. 【转载】Storm TickTuple 意外停止

    原文链接转自:http://woodding2008.iteye.com/blog/2328114 Storm的滑动窗口TickTuple通常用来控制bolt定制执行入库操作,使用过程中遇到了Tick ...