JS基础学习第四天：条件控制语句、循环语句、函数模块、事件等通用代码块2

循环语句

========

循环的必要三要素：开始条件， 结束条件， 迭代器

循环的标准

  1.关键字for，后跟一些括号。
  2.在括号内，我们有三个项目，以分号分隔：
     1.一个初始化器 - 这通常是一个设置为一个数字的变量，它被递增来计算循环运行的次数。它也有时被称为计数变量。
     2.一个退出条件 -如前面提到的，这个定义循环何时停止循环。这通常是一个表现为比较运算符的表达式，用于查看退出条件是否已满足的测试。
     3.一个最终条件 -这总是被判断（或运行），每个循环已经通过一个完整的迭代消失时间。它通常用于增加（或在某些情况下递减）计数器变量，使其更接近退出条件值。
  3.一些包含代码块的花括号 - 每次循环迭代时都会运行这个代码。  

使用break 退出循环

   如果要在所有迭代完成之前退出循环，可以使用break语句。 当我们查看switch语句时，我们已经在上一篇文章中遇到过这样的情况 - 当switch语句中符合输入表达式的情况满足时，break语句立即退出switch语句并移动到代码之后。
   与循环相同 - break语句将立即退出循环，并使浏览器移动到跟随它的任何代码。

<lable  for='searchName'>Search The People Telephone Number:</lable><input type='text' id='searchName'><button>search</button><p></p>

var s_text = document.querySelector('input');
var s_button = document.querySelector('button');
var s_number = document.querySelector('p');


var linkMan = [
'tom:123456',
'jim:456789',
'ham:741852',
'jsa:852963',
'fck:963741'
];
s_button.onclick = function () {
debugger;
s_name = s_text.value;
for (var i = linkMan.length - 1; i >= 0; i--) {
console.log(linkMan[i]);
var s_starget = linkMan[i].split(':')[0];
if (s_starget ==  s_name) {
s_number.innerHTML = linkMan[i].split(':')[1];
break;
} else {
s_number.innerHTML = 'Can not find  this linkMan';
}
}
}

可以看到加了break以后，搜索到结果后直接打印出来，且不在继续打印

相同的 continue 是跳过循环

for(var i=1;i<=10;i++) { 
  if(i==6) continue;
    document.write(i); 
} 

//当i=6的时候，直接跳出本次for循环。下次继续执行。

//输出结果：12345789

while语句和do...while语句（不做太多介绍，js不提倡）

    do-while语句是一种后测试循环语句，即只有在循环体中的代码执行之后，才会测试出口条件。其实就是，代码在刚开始执行的时候，都是要先走一遍do循环体内的代码，然后在与while里面的条件进行判断，成立循环就一直继续下去，不成立就跳出循环。循环体内代码至少被执行一次。（肚子饿了，看到吃的先狂吃一顿，直到被发现了，就闭嘴停不吃了）
    while语句是属于前测试循环语句，也就是说，在循环体内的代码被执行之前，就会对出口条件求值。其实就是先与while里面的条件进行判断，成立就走循环体内的代码，不成立就不走循环体内代码。循环体内的代码有可能永远不会执行。（肚子饿了，先问一下能不能吃东西，同意了就狂吃，直到不允许吃为止，不同意，就忍着忍着忍着不吃走了.....）

一.do-while语句

do-while语句的语法：

do{

　　statement

}while(expression);

看下面示例：

var i=10；

do{

　　i+=2；

}while(i<10)

alert(i)// 12 (允许你吃了，就给了你两个蛋挞) 

第一眼看10<10不成立呀，alert(i)应该弹出10才对呀，为什么是12呢？因为在对表达式求值之前，都要先执行一遍循环体内的代码（i+2=10+2;i=12），然后才会与出口条件进行判断（i<10=>12<10,），成立就继续循环，不成立就跳出循环，执行结束！

二.while语句    

while语句的语法： 

while(expression){

　　statement

}

看下面示例：

var i=10；

while(i<10){

　i+=2

　alert(i) // 什么都没有   条件不成立，没有走循坏体 (我就是不给你吃不给你吃，一个蛋挞都不给)    

}

alert(i)// 10     (好吧，那我啃老去了，这个10，是全局变量i=10)