2012年10月22日 星期一

認識「註解」,「變數」等

認識「註解」,「變數」等



範例:從使用者取得三個分數(或者成績),將三個分數存放在陣列中, 最後利用迴圈計算平均分數。這個範例同時涵蓋了變數的宣告,註解的 使用,陣列的宣告/使用,以及 for 迴圈敘述。


原始碼:

<script language="JavaScript">
var average_score, index;
var score = new Array(3);
var sum;

sum = 0;

// 從使用者取得分數
for(index=0; index<3; index++)
{
  score[index] = prompt("Enter test score " + (index+1), "");
}

/* sum up the scores */
for(index = 0; index<3; index++)
{
  sum = sum + parseInt(score[index]);
}

average_score = sum / 3;
document.write("Average Test Score: " + average_score);
</script>

說明:
  • // or /* */ 是註解
  • 在 JavaScript 變數名稱的大小寫有差;例如,size 和 Size 被視為不同的變數。
  • var 用來宣告變數(包含陣列)。跟 Java/C++ 等物件導向程式語言 不同的地方,在宣告變數名稱的時候,Javascript 並不要求要定義變數的資料型態。 例如:程式碼的前三行宣告了 average_scoreindexscore、以及 sum 四個變數,但是從宣告中我們無法看出這些 變數的資料型態。
  • 由於宣告的時候,不需要指定資料型態;所以宣告陣列的時候,Javascript 使用 Array 這個保留字;例如: var score = new Array(3); 宣告了一個陣列,該陣列大小為 3,而陣列的名稱為 score
  • for 敘述的用法和 Java/C++ 相同,我們不再說名。
  • 在迴圈中,我們從使用者取得分數。我們使用 prompt();prompt() 會將 參數中的訊息呈現在一個對話視窗中,並等待使用者輸入資料;一旦使用者輸入 結束並點選"確定"(或者按 Enter 鍵),prompt() 會將使用者輸入的資料以 字串的方式回傳;例如,使用者輸入 30,prompt() 則回傳字串 "30"。prompt() 的語法是 prompt("提示文字", "預設值");也就是說, 如果 prompt() 被改成 prompt("Enter test score " + (index+1), "60");, 則對話視窗中的文字欄位內會有一個預設值,而該值為 60;請試試看!
  • + 號,除了可以用於數字的相加之外,也可以用於串連兩個 字串;例如:範例中的 "Enter test score " + (index+1) 在第一次 迴圈的時候,index 的值為 0,因此串連後的結果為 Enter test score 1
  • 第二個迴圈用來將存放於陣列中的分數加總起來。由於之前的 prompt() 回傳 的資料都是字串,所以 score 是一個字串陣列,但是字串是不能相加的。 所以在範例中,我們使用 Javascript 內建的方法 parseInt(aString), 該方法會將字串轉換成整數。如果要將字串轉成浮點數,則可以使用 parseFloat(aString) 方法。
  • 數字的 Operators 有 -, +, /, %, 和 *.
  • 除了 for 之外,還有其他如下的控制敘述,其用法類似 Java/C++。
    • if (condition) { .... }
    • if (condition) { .... } else { .... }
    • while (condition) { .... }
    • continue and break.

沒有留言:

張貼留言