js基礎學習筆記(五)

來源:互聯網
上載者:User

標籤:style   blog   http   使用   java   ar   for   資料   2014   

 

多種選擇(Switch語句)

當有很多種選項的時候,switch比if else使用更方便。

文法:

switch(運算式)

{

case值1:

  執行代碼塊 1

  break;

case值2:

  執行代碼塊 2

  break;

...

case值n:

  執行代碼塊 n

  break;

default:

  與 case值1 、 case值2...case值n 不同時執行的代碼

}

文法說明:

Switch必須賦初始值,值與每個case值匹配。滿足執行該 case 後的所有語句,並用break語句來阻止運行下一個case。

 

例子:

假設評價學生的考試成績,10分滿分制,我們按照每一分一個等級將成績分等,並根據成績的等級做出不同的評價。

代碼如下:

 

執行結果:

評語: 及格,加油!

注意:記得在case所執行的語句後添加上一個break語句。否則就直接繼續執行下面的case中的語句

 

 

重複重複(for迴圈)

很多事情不只是做一次,要重複做。如列印10份試卷,每次列印一份,重複這個動作,直到列印完成。這些事情,我們使用迴圈語句來完成,迴圈語句,就是重複執行一段代碼。

for語句結構:

for(初始設定變數;迴圈條件;迴圈迭代)

{     

    迴圈語句 

 }

 

反反覆複(while迴圈)

和for迴圈有相同功能的還有while迴圈, while迴圈重複執行一段代碼,直到某個條件不再滿足。

while語句結構:

while(判斷條件)

{

    迴圈語句

 }

使用while迴圈,完成從盒子裡取球的動作,每次取一個,共6個球。

<script type="text/javascript">

var num=1;  //初始化值

while (num<=6)   //條件判斷

{

  document.write("取出第"+num+"個球<br />");

  num=num+1;  //條件值更新

}

</script>

 

來來回回(Do...while迴圈)

do while結構的基本原理和while結構是基本相同的,但是它保證迴圈體至少被執行一次。因為它是先執行代碼,後判斷條件。

do...while語句結構:

do

{

    迴圈語句

 }

while(判斷條件)

 

退出迴圈break

在while、for、do...while、while迴圈中使用break語句退出當前迴圈,直接執行後面的代碼。

格式如下:

for(初始條件;判斷條件;迴圈後條件值更新)

{

  if(特殊情況)

  {break;}

  迴圈代碼

}

當遇到特殊情況的時候,迴圈就會立即結束。

 

編程練習(push()方法)

在一個大學的編程選修課班裡,我們得到了一組參加該班級的學生資料,分別是姓名、性別、年齡和年級,接下來呢,我們要利用JavaScript的知識挑出其中所有是大一的女生的的名字哦。

學生資訊如下:

    (‘小A‘,‘女‘,21,‘大一‘),  (‘小B‘,‘男‘,23,‘大一),  (‘小C‘,‘女‘,24,‘大四‘),  (‘小D‘,‘女‘,21,‘大一‘)

任務思路:

第一步: 把這些資料群組成一個數組,方便我們之後操作哦。提示: 使用二維數組。

第二步: 篩選資料吧,首先找出都是大一的所有資訊 ;

第三步: 最後再一次篩選上一步得到的資料,列印出都是女生的姓名 ;

代碼:

 

 

 

js基礎學習筆記(五)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.