JavaScript 快速導覽 - for-in 迴圈

某些物件例如陣列 (array) 可容納多個數值,這時可利用關鍵字 (keyword) forin 構成 Java 中迴圈的一種,可直接取得元素的索引值,例如

function run() {
    var c = document.getElementById("content");
    var n = document.createElement("p");
    var datab = ["John", "Mary", "Tony"];
    var messsage;
    
    for (message in datab) {
        n.appendChild(document.createTextNode(datab[message]));
        n.appendChild(document.createElement("br"));
        c.appendChild(n);
    }
}

/* 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:run26.js
     功能:示範 JavaScript 程式 
     作者:張凱慶
     時間:西元 2010 年 11 月 */


利用以下的 HTML 文件載入
<html>

<head>
<title>JavaScript Demo</title>
<script src="run26.js" type="text/javascript"></script>
</head>

<body>
<input id="b" type="button" value="RUN" onclick="run();">
<div id="content"></div>
</body>

</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:jsexample30.html
     功能:示範 JavaScript 程式 
     作者:張凱慶
     時間:西元 2010 年 11 月 -->


瀏覽器 (broswer) 開啟後執行,如下



由於 datab 是一個字串陣列,程式的第 7 行
for (message in datab) {


這裡的變數 message 會從頭取得陣列 datab 的索引值,由於 JavaScript 陣列索引是從 0 開始,所以底下
n.appendChild(document.createTextNode(datab[message]));


會先取得 datab[0] 的字串印出,然後 datab[1] ,最後 datab[2] 。


中英文術語對照
陣列array
關鍵字keyword
瀏覽器broswer






沒有留言: