JavaScript 判断和循环(四)

判断

脚本中通常有的地方能够需要进行判断,以决定接下来要运行哪段代码.
流程图可以帮助我们进行判断规划

判断表达式和条件语句

判断应该包含在一个小括号中, 用来表示返回的是一个值, 做到代码清晰易读

if (条件){
  满足true条件时执行的操作
}else{
  不满足false条件时执行的操作
};

//例
if ( score > 50 ) {
  document.write('You passed');
} else {
  document.write('Try again...');
};
  • 比较操作符
    返回 true 或 false 的单个结果

== 等于-比较两个值是否相同
=== 严格等于-比较两个值,并检查它们的数据类型是否完全相同
!= 不等于-比较两个值是否不同
!== 严格不等于-比较两个值,并检查它们的数据类型是否不完全相同
> 大于
>= 大于等于
< 小于
<= 小于等于

  • 逻辑操作符
    允许将多个比较操作符的结果放在一起, 在进行比较

&& 与-检测多个条件
|| 或-检测至少一个条件
! 非-操作一个布尔变量, 然后取反

switch 语句

switch语句, 当条件中的值和变量值匹配时, 它后面的代码就会被执行
每个 case 表示一个条件
break 语句会停止执行 switch 语句中的其他分支(性能比多个 if 语句要好)
default可以用来处理所有 case 意外的情况

switch (level) {              //level传入'one' 'two' 等字符串
  case 'one':
    title = 'level 1';
    breack;
  case 'two':
    title = 'level 2';
    breack;
  case 'three':
    title = 'level 3';
    breack;
  default:
    title = 'text';
    breack;
};

循环

循环检查一个条件,如果这个条件为 true, 那么会执行一段相应的代码;
然后这个条件会被再次检查,如果依然返回true, 那么这段代码会再次被执行;
这个过程会一直反复,知道条件返回 false 为止.

for 循环

如果确定一段代码运行的特定次数,可以用 for 循环.
for 循环使用计数器作为条件
计数器由三条语句组成:

初始化(var i = 0) 在循环第一次运行的时候创建并使用
条件(i < 10) 循环最终所到达的数值
更新(i++) 每次循环后计数器的变化规则

for (var i = 0; i < 10; i++) {            //这里的(var = i; i < 10; i++)就是一个循环计数器
  document.write(i);
};
//例:对数组进行循环

//在循环外先定义变量
var scores = [24, 32, 17]; 
var arrayLength = scores.length;          //以数组长度的数量来确定循环次数
var roundNumber = 0;        
var msg = '';            

for (var i = 0; i < arrayLength; i++) {
  roundNumber = (i + 1);
  msg += 'Round ' + roundNumber + ': ';
  msg += scores[i] + '</br>';                            //用循环次数作为键位, call 出数组的值
}

document.getElementById('answer').innerHTML = msg;

while 循环

如果不确定代码究竟要执行多少次,可用 while 循环. 检查条件只要满足 true 就会一直重复

var i = 1;       
var msg = '';    

while (i < 10) {
  msg += i + ' x 5 = ' + (i * 5) + '<br />';
  i++;               //注意,这里的计数器是在循环内完成操作,而不像 for 循环写在条件里
}

document.getElementById('answer').innerHTML = msg;


输出结果:
1 x 5 = 5
2 x 5 = 10
3 x 5 = 15
4 x 5 = 20
5 x 5 = 25
6 x 5 = 30
7 x 5 = 35
8 x 5 = 40
9 x 5 = 45

do while 循环

与 while 循环相识,只是即使在返回false 时,花括号中的语句也至少会运行一次


判断+循环示例

//例子用 if else判断是加法还是乘法, 并 用 while 循环输出表格

var table = 3;            
var operator = 'addition'; 
var i = 1;                 
var msg = '';             

if (operator === 'addition') {
  // Do addition
  while (i < 11) {
    msg += i + ' + ' + table + ' = ' + (i + table) + '<br />';
    i++;
  }
} else {
  // Do multiplication
  while (i < 11) {
    msg += i + ' x ' + table + ' = ' + (i * table) + '<br />';
    i++;
  }
}

var el = document.getElementById('blackboard');
el.innerHTML = msg;
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容