廣告聯播

2009年1月19日 星期一

[JQuery] Java Script 中 物件(objects) 與 陣列 (arrays) 的區分與值的取得

From: Polin Wei

在 Java Script 中, 物件 objects 與 陣列 arrays , 常會令人困惑, 查了一下 JQuery 的官方網站. 它所舉的例子就淺而易懂了.

整理一下 物件(objects) 與 陣列 (arrays) 的區分如下:

物件(objects):

1. 以 {} 包含
2. 有 Key & Value , 如: var obj = { one:1, two:2, three:3, four:4, five:5 };

陣列 (arrays):
1. 以 [] 包含
2. 只有 Value , 但內含 index , 如: var arr = [ "one", "two", "three", "four", "five" ]; 所以 arr[0] = one , arr[1] = two ...

知道這樣的特性後, 就可以用 JQuery 的函數 $.each() 來取得 物件(objects) 與 陣列 (arrays) 的值了. 再來看一下程式碼:
<script>
$(document).ready(function(){

    var arr = [ "one", "two", "three", "four", "five" ]; ==> 這是陣列 , 陣列只有 , 內含 index
    var obj = { one:1, two:2, three:3, four:4, five:5 }; ==> 這是物件 (one,two,three,four,five) 是 Key , 相對應的 為 (1,2,3,4,5)

   jQuery.each(arr, function() {
      $("#" + this).text("My id is " + this + ".");
      return (this != "four"); // will stop running to skip "five"
   });

   jQuery.each(obj, function(i, val) {
      $("#" + i).append(document.createTextNode(" - " + val));
   });

});
</script>


執行結果為
My id is one. - 1
My id is two. - 2
My id is three. - 3
My id is four. - 4
- 5

沒有留言:

張貼留言