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 ...
随机推荐
- CoreCLR源码探索(一) Object是什么
.Net程序员们每天都在和Object在打交道 如果你问一个.Net程序员什么是Object,他可能会信誓旦旦的告诉你"Object还不简单吗,就是所有类型的基类" 这个答案是对的 ...
- 线性数据结构之栈——Stack
Linear data structures linear structures can be thought of as having two ends, whose items are order ...
- JavaScript实现常用的排序算法
▓▓▓▓▓▓ 大致介绍 由于最近要考试复习,所以学习js的时间少了 -_-||,考试完还会继续的努力学习,这次用原生的JavaScript实现以前学习的常用的排序算法,有冒泡排序.快速排序.直接插入排 ...
- JavaScript动画-磁性吸附
▓▓▓▓▓▓ 大致介绍 磁性吸附是以模拟拖拽为基础添加一个拖拽时范围的限定而来的一个效果,如果对模拟拖拽有疑问的同学请移步模拟拖拽. 源代码.效果:点这里 ▓▓▓▓▓▓ 范围限定(可视区) 先来看一个 ...
- AFNetworking 3.0 源码解读(六)之 AFHTTPSessionManager
AFHTTPSessionManager相对来说比较好理解,代码也比较短.但却是我们平时可能使用最多的类. AFNetworking 3.0 源码解读(一)之 AFNetworkReachabilit ...
- 用javascript 写个函数返回一个页面里共使用了多少种HTML 标签
今天我无意间看到一个面试题: 如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签? 不知你看到 是否蒙B了,如果是我 面试,肯定脑子嗡嗡的响.... 网上搜了搜也没有找到答 ...
- 6_Win7下Chrome主页被流氓网站hao123.com劫持后的解决方法。
今天安装了一个PDF阅读器,免费的,你懂的,结果自己安装的时候没有将默认的选项取消,就被hao123流氓网站劫持啦. 说实话某免费PDF阅读器还算好的,有一个可以供你选择的项.不想某些软件直接就默认选 ...
- ILJMALL project过程中遇到Fragment嵌套问题:IllegalArgumentException: Binary XML file line #23: Duplicate id
出现场景:当点击"分类"再返回"首页"时,发生error退出 BUG描述:Caused by: java.lang.IllegalArgumentExcep ...
- iOS在导航栏上居中显示分段控件(UISegmentedControl)
UISegmentedControl *segmentedControl = [[UISegmentedControl alloc] initWithItems:nil]; segmentedCont ...
- jquery.multiselect 多选下拉框实现
第一步:链接下列文件,如果没有,到此网页下载 https://github.com/ehynds/jquery-ui-multiselect-widget,此插件基于jquery ,所以jquery的 ...