DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript arguments類數組
JavaScript arguments類數組
編輯:JavaScript基礎知識     

1. 什麼是類數組

  arguments 是一個類數組對象。代表傳給一個function的參數列表。

   我們來傳一個實例。

 function printArgs() {

     console.log(arguments);

   }

   printArgs("A", "a", 0, { foo: "Hello, arguments" });

 // ["A", "a", 0, Object]

 再看看 arguments 表示的內容,其表示了函數執行時傳入函數的所有參數。在上面的例子中,代表了傳入 printArgs 函數中的四個參數,可以分別用 arguments[0]、 arguments[1]… 來獲取單個的參數

 

2. arguments 的操作

 arguments.length

    arguments 是個類數組對象,其包含一個 length 屬性,可以用 arguments.length 來獲得傳入函數的參數個數。

   arguments 轉數組

    Array.prototype.silce.call(arguments);  // 或者使用  [].slice.call(arguments);

   修改 arguments 值。

  function foo(a) {

      "use strict";

      console.log(a, arguments[0]);

      a = 10;

      console.log(a, arguments[0]);

      arguments[0] = 20;

      console.log(a, arguments[0]);

  }

  foo(1);

  // 1 1    //10 1    //10 20

  非嚴格模式的例子:

  function foo(a) {

 

      console.log(a, arguments[0]);

 

      a = 10;

 

      console.log(a, arguments[0]);

 

      arguments[0] = 20;

 

      console.log(a, arguments[0]);

 

  }

 

  foo(1);

  // 1 1    //10 10     //20 20

  在嚴格模式下,函數中的參數與 arguments 對象沒有聯系,修改一個值不會改變另一個值。而在非嚴格模式下,兩個會互相影響。

 

3.  數組與類數組對象

  數組具有一個基本特征:索引。這是一般對象所沒有的。

const obj = { 0: "a", 1: "b" };

const arr = [ "a", "b" ];

  我們利用 obj[0]、arr[0] 都能取得自己想要的數據,但取得數據的方式確實不同的。obj[0] 是利用對象的鍵值對存取數據,而arr[0] 卻是利用數組的索引。事實上,Object 與 Array 的唯一區別就是 Object 的屬性是 string,而   Array 的索引是 number。

  下面看看類數組對象。

  偽數組的特性就是長得像數組,包含一組數據以及擁有一個 length 屬性,但是沒有任何 Array 的方法。再具體的說,length 屬性是個非負整數,上限是 JavaScript 中能精確表達的最大數字;另外,類數組對象的 length 值無法自動改變。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved