JS学习(二)

JS中的循环结构

【循环结构的执行步骤】
1、声明循环变量;
2、判断循环条件;
3、执行循环体操作;
4、更新循环变量;
然后,循环执行2~4,知道条件不成立。跳出循环。

【while 循环】
while 循环()中的表达式,运算结果可以是各种类型,但是最终结果都会转化为真假,转换规则同if就够:
① Boolean:true为真,false为假;
② String:空字符串为假,所有非空字符串为真;
③ Number:0为假,一切非0数字为真;
④ null/Undefined/NaN: 全为假;
⑤ Object:全为真;

写法:
var num=1;    1.声明循环变量;
while (num<10) {   2.判断循环条件;
document.write(num+"<br>");    3.执行循环体操作;
num++;     4.更新循环变量;
}

【do-while 循环】

写法:
var num = 10;
do{
document.write(num+"<br>");
num--;
}
while(num>=0);

二者特点:

while循环特点:先判断,再执行;
do-while循环特点:先执行,再判断;即使初始条件不成立,do-while循环也至少执行一次。

【for循环】
1、for循环有三个表达式:① 声明变量;② 判断循环条件;③ 更新循环变量
三个表达式都可以省略,但是两个缺一不可;
2、for循环的执行特点:先判断 再执行,与while相同;
3、for循环三个表达式都可以由多都分组成;第二部分多个判断条件用&&||链接,第一三部分用逗号分隔。

写法:
for(var num=1;num<=10;num++){
document.write(num+"<br>");
}

【循环控制语句】
1、break:跳出本层循环,继续执行循环后面的语句。
如果循环有多层嵌套,则break只能跳出一层。
2、continue:跳过本次循环剩余的代码,继续执行下一次循环。
①对与for循环,continue之后执行的语句,是循环变量更新语句i++;
②对于while、do-while循环,continue之后执行的语句,是循环条件判断;
因此,使用这两个循环时,必须将continue放到i++之后使用,否则,continue将跳过i++进入死循环。
3、return:后续讲解。

时间: 2024-10-23 17:57:24

JS学习(二)的相关文章

JS学习二

函数作用域和声明提前 var scope = 'global'; function f() { console.info(scope);   //输出undefined var scope = 'local'; console.info(scope);  //输出 local } 上述代码等价于 function f() { var scope; console.info(scope); scope = 'local'; console.info(scope); } 将函数内的变量声明"提前&q

Angular.js 学习二---$scope和$rootScope,Angular模块的run方法,依赖注入中代码压缩

一.$scope和$rootScope的区别 一句话总结: $rootScope针对全局的作用域生效 $scope只针对当前的controller作用域生效 二.AngularJS模块的run方法 run方法初始化全局的数据,只对全局作用域起作用 如$rootScope <script type="text/javascript"> var m1 = angular.module('myApp', []); m1.run(['$rootScope', function ($

【Node.js 学习二】 NPM的使用

NPM是随同Node.js一起安装的包管理工具,能解决NOdeJs代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器中下载别人编写的第三方包到本地使用 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用 允许用户将自己编写的包或者命令行程序上传到NPM服务器供别人使用 由于新版的NodeJs已经集成了NPM,所以之前npm也一并安装好了,同样可以通过输入"npm -v"来测试是否安装成功.命令如下,显示出版本号则表示安装成功. //Windows环境下

Nuxt.js学习(二) --- Nuxt目录结构详解、Nuxt常用配置项、Nuxt路由配置和参数传递

[TOC] 1.Nuxt目录结构详解 Nuxt项目文件目录结构 |-- .nuxt // Nuxt自动生成,临时的用于编辑的文件,build |-- assets // 用于组织未编译的静态资源入LESS.SASS 或 JavaScript |-- components // 用于自己编写的Vue组件,比如滚动组件,日历组件,分页组件 |-- layouts // 布局目录,用于组织应用的布局组件,不可更改. |-- middleware // 用于存放中间件 |-- pages // 用于存放

前端学习(24)~js学习(二):变量

字面量:数字和字符串 “字面量”即常量,是固定值,不可改变. 字面量有3种: 数字 字符串 布尔字面量 (1)数值的字面量非常简单,写上去就行了,不需要任何的符号. alert(886); //886是数字,所以不需要加引号. (2)字符串的字面量也很简单,但一定要加上引号.可以是单词.句子等.例如: console.log('886'); console.log('千古壹号,永不止步'); 温馨提示:100是数字,"100"是字符串. (3)布尔字面量举例: if (true) {

Ext JS学习第五天 Ext_window组件(二)

此文用来记录学习笔记 •上一讲我们已经学过了window的使用,那么在这将中,我们将结合然后把Ext中需要注意的地方,以及组建的使用给予介绍.indow做几个Web开发的经典示例. •ExtWeb实战300例: –例1:点击按钮打开一个window,window重复创建的问题 •重点分析:这个问题是初学者经常会犯错的地方,一般来说简单的代码不会产生此问题,但是如果以后代码复杂以后,这个问题如果发生调试起来会非常麻烦!! 附上栗子代码 1 Ext.onReady(function () { 2 3

Ext JS学习第三天 我们所熟悉的javascript(二)

•javascript之函数 •对于Ext开发者,我还是希望你能对javascript原生的东西非常了解.甚至熟练掌握运用.那么函数,无疑是非常重要的概念.首先在前面一讲,我们知道了函数也是一种数据类型,创建函数一共有三种方式.每种方式他们都会有区别,分别为: –function语句形式 –函数直接量形式 –构造函数形式 •函数中的arguments对象 –argument的作用一:接受函数的实际参数 –argument的作用二:用于做递归操作 栗子代码 1 //Function 函数 2 //

Backbone.js学习之二

经历一段自我修炼,终于领悟到Backbone.js的关键知识点,也发现了原来MVC可以在前端这样梦幻的发挥,Backbone.js确实是一个很有魅力的前端MVC框架. 练就一门技术,需要有扎实的功底,从这点,开始认真研究Backbone.js的一些最基本的操作,以便我日后学习能更上一层楼.那就切入主题: 什么是mvc? 简单的理解就是:模型(models),视图(views),控制器(collections).通过视图把浏览器的网址传给控制器,控制器对网址进行解析,然后去模型层获取数据,模型层将

JS地毯式学习二

1.递归算法 a. function box(num){if(num<=1){ return 1;}else{ return num*box(num-1);}}alert(box(5)); b.函数内部调用它本身 ,可以用arguments.callee替代它函数名box: 这样可以一旦改变其名字,里边的就可以不用一一修改 function box(num){if(num<=1){ return 1;}else{ return num* arguments.callee(num-1);}}al

【转】Backbone.js学习笔记(二)细说MVC

文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Backbone源码结构 1: (function() { 2: Backbone.Events // 自定义事件 3: Backbone.Model // 模型构造函数和原型扩展 4: Backbone.Collection // 集合构造函数和原型扩展 5: Backbone.Router // 路由