JavaScript基础知识总结(三)
JavaScript语法
七、循环语句
1.while
语法:
while (exp) {
//statements;
}
说明:while (变量<=结束值) { 需执行的代码 }
例子:
//输出1到100的数字
var i=1;
while(i<=100){
document.write(i);
i++;
}
2.do...while
语法:
do {
//statements;
}while (condition);
说明:do { 需执行的代码 } while (变量<=结束值)
例子:
//输出1到100的数字
var i=1;
do{
document.write(i);
i++;
}while(i<=100);
//输出1到100的数字,奇数带下划线
var i=1;
do{
if(i%2!=0){
document.write("<u>"+i+"</u>");
}else{
document.write(i);
}
i++;
}while(i<=100);
//输出1到100的数字,偶数带下划线
var i=1;
do{
if(i%2==0){
document.write("<u>"+i+"</u>");
}else{
document.write(i);
}
i++;
}while(i<=100);
3.for循环语句
语法:
for(initial; expression; post-loop-expression){
//statement;
}
说明:for (变量=开始值;变量<=结束值;变量=变量+步进值) {
需执行的代码
}
例子:
//输出1到100的数字
var i=1;
for(var i=1;i<=100;i++){
document.write(i);
}
//输出1到100的奇数
var i=1;
for(var i=1;i<=100;i++){
if(i%2!=0){
document.write(i);
}
}
//输出1到100的偶数
var i=1;
for(var i=1;i<=100;i++){
if(i%2==0){
document.write(i);
}
}
4.break
break 语句可以立即退出循环;
比如说,有10000个人在排队买薛之谦的演唱会门票,当第500个人买了门票后就停止售票了,那么后面的人都不能买到门票。(例子不科学,仅用于比喻,勿怪)
var n = 0;
for(var i=1; i <= 10000; i++){
if( i > 500){
break;
}
n++;
}
alert(n);
5.continue
continue 语句只是退出当前循环;
比如说,有10000个人在排队买薛之谦的演唱会门票,其中第500个人发现自己忘带钱了,他退出队列,而后面的人依然能继续排队买门票。(例子不科学,仅用于比喻,勿怪)
var n = 0;
for(var i = 1; i <= 10000; i++){
if(i == 500){
continue;
}
n++;
}
alert(n);
总结上篇博文的if条件语句、switch语句,和这篇博文的循环语句
程序的执行流程:
①一般按照从上到下的流程执行
②如果是if语句,而且条件不成立的话,代码段就不执行
③switch当中不符合case 值的代码段一般也不会执行
④while,for循环语句当中的循环体只要条件成立会自动循环执行
JavaScript基础知识总结(三)的更多相关文章
- 林大妈的JavaScript基础知识(三):JavaScript编程(2)函数
JavaScript是一门函数式的面向对象编程语言.了解函数将会是了解对象创建和操作.原型及原型方法.模块化编程等的重要基础.函数包含一组语句,它的主要功能是代码复用.隐藏信息和组合调用.我们编程就是 ...
- Jquery源码中的Javascript基础知识(三)
这篇主要说一下在源码中jquery对象是怎样设计实现的,下面是相关代码的简化版本: (function( window, undefined ) { // code 定义变量 jQuery = fun ...
- 林大妈的JavaScript基础知识(三):JavaScript编程(4)数组
数组,是一段线性分配的,具有非常高性能的数据结构.简单地说,数组以连续的空间存储,通过整数地计算偏移量访问其中的元素,将读取修改的时间复杂度降低至O(1),我们称之为猝发式存取.是不是非常期待?没错, ...
- JavaScript基础知识(三个判断、三个循环)
三个判断 if…else…只会执行其中一个条件 如果if条件中只有一个值,那么会默认转布尔: if(1=="1"){ // 当括号中条件为true时,执行此处的代码 console ...
- 林大妈的JavaScript基础知识(三):JavaScript编程(3)原型
在一般的编程语言中,我们使用继承来复用代码,做成良好的数据结构.而在JavaScript中,我们使用原型来实现以上的需求.由于JavaScript专注于对象而摒弃了类,我们要明白原型和继承的确是有差异 ...
- 林大妈的JavaScript基础知识(三):JavaScript编程(1)对象
1. 对象的简单介绍与一些注意事项 JavaScript中具有几个简单数据类型:数字.字符串.布尔值.null值以及undefined值.除此之外其余所有值(包括数组.函数,甚至正则表达式)都是对象. ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- 学习javascript基础知识系列第二节 - this用法
通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...
- 学习javascript基础知识系列第三节 - ()()用法
总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...
- Javascript基础知识总结一
Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...
随机推荐
- 探索ASP.NET MVC5系列之~~~1.基础篇---必须知道的小技能
其实任何资料里面的任何知识点都无所谓,都是不重要的,重要的是学习方法,自行摸索的过程 汇总:http://www.cnblogs.com/dunitian/p/4822808.html#mvc 本章D ...
- $.type 怎么精确判断对象类型的 --(源码学习2)
目标: var a = [1,2,3]; console.log(typeof a); //->object console.log($.type(a)); //->ar ...
- 谈谈一些有趣的CSS题目(七)-- 消失的边界线问题
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...
- 算法与数据结构(八) AOV网的关键路径
上篇博客我们介绍了AOV网的拓扑序列,请参考<数据结构(七) AOV网的拓扑排序(Swift面向对象版)>.拓扑序列中包括项目的每个结点,沿着拓扑序列将项目进行下去是肯定可以将项目完成的, ...
- HTML5 Page Visibility
什么是 Page Visibility ? Page Visibility 即页面可见性,通过 visibilityState 的值检测页面当前是否可见.当一个网站是可见或点击选中的状态时 Page ...
- 【干货分享】流程DEMO-费用报销
流程名: 费用报销 业务描述: 流程发起时,要选择需要关联的事务审批单,会检查是否超申请,如果不超申请,可以直接发起流程,如果超了申请,需要检查预算,如果预算不够,将不允许发起报销申请,如果预算够用, ...
- excel常用技巧
复制表格时,如果要加上行标和列标.页面布局->工作表选项:标题,勾上打印->复制下拉框->复制为图片加上打印样式 一行长拆成几行短或几行短变成一行长的文本拆分,可以通过:填充-> ...
- 智能头盔 "Livall携全球首款智能骑行头盔亮相CES"
LIVALL是全球首创集音乐.通讯.智能灯光为一体的智能骑行头盔的研发者,日前Livall携旗下智能骑行头盔BH 100和BH 60参展CES 2017,这也是目前世全球首款智能骑行头盔类产品,同时亮 ...
- 腾讯云上免费部署HTTPS
接上篇<腾讯云下安装 nodejs + 实现 Nginx 反向代理>,想从头一步到位的同学建议从上篇文章开始阅读.本文将继续介绍如何通过 Nginx 免费部署HTTPS. 留意下,这里的“ ...
- WPF - 属性系统 - APaas(AttachedProperty as a service)
是的,文章的题目看起来很牛,我承认. 附加属性是WPF中的一个非常重要的功能.例如在设置布局的过程中,软件开发人员就常常通过DockPanel的Dock附加属性来设置其各个子元素所处的布局位置.同样地 ...