如何快速理解JavaScript 中重要语句for循环

一.基本结构:for(起始状态;判断条件;状态改变){

        执行语句;

        }

执行顺序:for(var i=1;i<3;i++){

alert(i);

}

1.判断条件    2.执行语句    3.状态改变

break(结束此循环).continue(跳过本次循环,开始下个循环)

二.例:

  1.输出100 以内与7相关的数 

                <script type="text/javascript">
                var str = ‘‘;
		for(var i = 1; i <= 100; i++) {
			if(i % 7 == 0 || i % 10 == 7 || (i > 70 && i < 80)) {
				str += i + ‘,‘;
			}
		}
		alert(str);
                </script>

 

  2.累加求和 100 以内所有数相加  

                <script type="text/javascript">
                var sum = 0;
             for(var i = 1; i <= 99; i++) {
                  sum += i;
             }
              alert(sum);
                </script>

 

 3.求阶乘 100 以为所有数相乘

                <script type="text/javascript">
                var sum = 1;
		for(var i = 1; i <= 100; i++) {
			sum *= i;
		}
		        alert(sum);
                </script>

  4.输出乘法口诀表

            <script type="text/javascript">
            for(var j = 1; j <= 9; j++) {
            var str_ln = ‘‘;
            for(var i = 1; i <= j; i++) {
                str_ln += i + ‘*‘ + j + ‘ ‘;
            }
            document.write(str_ln + ‘<br/>‘);
        }
            </script>

  5.棋盘存放粮食输出总和 

       <script type="text/javascript">
    var count = 1;
    var sum = 0;
    for(var i =1;i<=64;i++){
        sum += count;
        count *= 2;
    }
    alert(sum);
        </script>

  

6.有一对幼兔,幼兔1个月后长成小兔,小兔1个月后长成成兔并生下一对幼兔,问几个月后有多少对兔子,幼兔、小兔、成兔对数分别是多少。

  幼兔 1 小兔 0 成兔 0
  幼兔 0 小兔 1 成兔 0
  幼兔 1 小兔 0 成兔 1
  幼兔 1 小兔 1 成兔 1
  幼兔 2 小兔 1 成兔 2
  幼兔 3 小兔 2 成兔 3
  幼兔 5 小兔 3 成兔 5

  当前月份幼兔 = 上个月的成兔+上月小兔
  当前月份小兔 = 上月幼兔
  当前月份成兔 = 上月成兔+上月小兔  

                <script type="text/javascript">
               var n=prompt("请输入第几个月");
             var yt = 1;
             var xt = 0;
             var ct = 0;
             for(var month = 1; month <= n; month++) {
                  var pre_yt = yt;
                  var pre_xt = xt;
                  var pre_ct = ct;

                  yt = pre_ct + pre_xt;
                  xt = pre_yt;
                  ct += pre_xt;
            }
              alert(yt + ‘,‘+ xt + ‘,‘+ ct);
                </script>

  7..羽毛球拍15元,球3元,水2元。200元每种至少一个,有多少可能()羽毛球拍最多买13个 球最多买66个 水最多买100个)

  

         <script type="text/javascript">
         var cont=0;
         for(var i = 1; i <= 13; i++) {
            for(var j = 1; j <= 61; j++) {
                for(var k = 1; k <= 91; k++) {
                    if((i*15 + j*3 + k*2) <= 200){
                            cont+=1;
                    }
                }
            }
         }
             alert(cont);
        </script>


死循环:while(true){

  if(判断){

    break;

  }

}

例:1.蓝球弹起的高度 100 米,每次弹起是原来高度的0.6倍, 第几次高度小于1米?

               <script type="text/javascript">
                var count = 0;
             var height = 100;
             while(true) {
                count++;
                height *= 0.6;
                  if(height <= 1){
                      break;
                  }
             }
              alert(count);
                </script>

  2.一张纸的厚度是0.0001米,将纸对折,对折多少次厚度超过珠峰高度8848米

  

               <script type="text/javascript">
                var count =0;
            var paper_height = 0.0001;

            while(true){
                count++;
                paper_height *= 2;
                if(paper_height >= 8848){
                      break;
                }
            }      
              alert(count);
               </script>    
时间: 2024-12-20 12:29:02

如何快速理解JavaScript 中重要语句for循环的相关文章

深入理解JavaScript中创建对象模式的演变(原型)

创建对象的模式多种多样,但是各种模式又有怎样的利弊呢?有没有一种最为完美的模式呢?下面我将就以下几个方面来分析创建对象的几种模式: Object构造函数和对象字面量方法 工厂模式 自定义构造函数模式 原型模式 组合使用自定义构造函数模式和原型模式 动态原型模式.寄生构造函数模式.稳妥构造函数模式 第一部分:Object构造函数和对象字面量方法 我之前在博文<javascript中对象字面量的理解>中讲到过这两种方法,如何大家不熟悉,可以点进去看一看回顾一下.它们的优点是用来创建单个的对象非常方

理解javascript中的回调函数(callback)【转】

在JavaScrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它String.Array.Number.Object类的对象一样用于内置对象的管理.因为function实际上是一种对象,它可以"存储在变量中,通过参数传递给(别一个)函数(function),在函数内部创建,从函数中返回结果值". 因为function是内置对象,我们可以将它作为参数传递给另一个函数,延迟到函数中执行,甚至执行后将它返回.这是在JavaScript中使用回调函数的精髓.本篇文

深入理解javascript 中的 delete(转)

在这篇文章中作者从<JavaScript面向对象编程指南>一书中关于 delete 的错误讲起,详细讲述了关于 delete 操作的实现, 局限以及在不同浏览器和插件(这里指 firebug)中的表现. 下面翻译其中的主要部分. ...书中声称 “函数就像一个普通的变量那样——可以拷贝到不同变量,甚至被删除” 并附上了下面的代码片段作为说明: >>> var sum = function(a, b) {return a+b;}; >>> var add =

理解JavaScript中函数的使用

函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解. JavaScript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的.通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递.在继续讲述之前,先看一下函数的使用语法: function func1(…){…} var func2=function(…){…}; var func3=function func4(…){…}; var func5=new Function(

深入理解JavaScript中的属性和特性

深入理解JavaScript中的属性和特性? JavaScript中属性和特性是完全不同的两个概念,这里我将根据自己所学,来深入理解JavaScript中的属性和特性. 主要内容如下: 理解JavaScript中理解对象的本质.理解对象与类的关系.对象与引用类型的关系 对象属性如何进行分类 属性中特性的理解 第一部分:理解JavaScript中理解对象的本质.理解对象与类的关系.对象与引用类型的关系 对象的本质:ECMA-262把对象定义为:无序属性的集合,其属性可以包含基本值.对象或者函数.即

【干货理解】理解javascript中实现MVC的原理

理解javascript中的MVC MVC模式是软件工程中一种软件架构模式,一般把软件模式分为三部分,模型(Model)+视图(View)+控制器(Controller); 模型:模型用于封装与应用程序的业务逻辑相关的数据以及对数据处理的方法.模型有对数据直接访问的权利.模型不依赖 "视图" 和 "控制器", 也就是说 模型它不关心页面如何显示及如何被操作. 视图:视图层最主要的是监听模型层上的数据改变,并且实时的更新html页面.当然也包括一些事件的注册或者aja

JavaScript大杂烩6 - 理解JavaScript中的this

在JavaScript开发中,this是很常用的一个关键字,但同时也是一个很容易引入bug的一个关键字,在这里我们就专门总结一下页面中可能出现的this关键字(包括几种在其他页面文件中出现的this). JavaScript中的this关键字通常只使用在函数中,它指向当前函数的调用者,这是this关键字的本质,所有的使用方式都是围绕这个展开的,让我们来看一下在各种性质的函数中this的用法.1. 在对象的函数中使用this var person = { name: 'Frank', say: f

全面理解Javascript中Promise

全面理解Javascript中Promise 最近在学习Promise的时候,在网上收集了一些资料,发现很多的知识点不够系统,所以小编特意为大家整理了一些自认为 比较好的文章,供大家更好地学习js中非常有趣的Promise Promise概念 2015 年 6 月,ECMAScript 6 的正式版 终于发布了. ECMAScript 是 JavaScript 语言的国际标准,javascript 是 ECMAScript 的实现.ES6 的目标,是使得 JavaScript 语言可以用来编写大

JavaScript中With 语句使用方法实例

内容导读: 有了 With 语句,在存取对象属性和方法时就不用重复指定参考对象,在 With 语句块中,凡是 JavaScript 不识别的属性和方法都和该语句块指定的对象有关.With 语句的语法格式如下所示: With Object { Statements } 对象指明了当语句组中对象缺省时的参考对象,这里我们用较为熟悉的 Document 对象对 With 语句举例.例如 当使用与 Document 对象有关的 write( )或 writeln( )方法时,往往使用如下形式: docu