Javascript Length詳解

在Javascript中，length屬性是非常重要的一個屬性，它可以獲取到字元串、數組、類數組等的長度信息，是進行循環、截取等操作時必不可少的信息。本文將從多個方面來顯示Javascript的length屬性。

一、獲取字元串長度

在Javascript中，我們可以通過字元串本身的length屬性來獲取字元串的長度，以便於對字元串進行操作。

    
        var str = "Hello World";
        console.log(str.length); // 11
    

在上述代碼中，我們定義了一個字元串變數str，並且使用str.length來獲取它的長度信息，此處得到的結果為11，這是因為該變數中包含了11個字元。

我們還可以通過正則表達式來獲取一個中英混合字元串的長度信息。

    
        function getStrLength(str) {
            return str.replace(/[\u0391-\uFFE5]/g,"aa").length;
        }
        console.log(getStrLength("Hello 你好"));//輸出:11
    

在上述代碼中，我們定義了一個函數getStrLength，傳入一個帶中英混合的字元串參數str。代碼中使用了正則表達式/[\u0391-\uFFE5]/g，表示匹配所有中文字元。使用replace方法，替換掉所有中文字元，並用字元串aa代替，最後使用字元串的length屬性獲取到字元串的長度。

二、獲取數組長度

在Javascript數組中，length屬性可以獲取到數組的長度信息。

    
        var arr = ["apple", "orange", "banana"];
        console.log(arr.length);//3
    

在上述代碼中，我們定義了一個數組arr，並且使用arr.length獲取它的長度信息，此處得到的結果為3，這是因為該數組中包含了3個元素。

需要注意的是，數組的長度並不代表它的元素個數，因為數組的長度可以被人為的改變。

    
        var arr = ["apple", "orange", "banana"];
        arr.length = 2;
        console.log(arr.length);//2
    

在上述代碼中，我們將數組arr的長度改為了2，此時再次使用arr.length獲取到的長度為2。

三、獲取類數組長度

在Javascript中，除了數組和字元串之外，類數組對象也經常出現。類數組對象的數值鍵名可以是任意的非負整數，其屬性和元素個數也是非常多變的，此時我們同樣可以通過類數組對象本身的length屬性來獲取長度信息。

    
        var getLength = function(){
            console.log(arguments.length);
            console.log(arguments.callee.length);
        }
        getLength(1,2,3,4); // 輸出：4 0
    

在上述代碼中，我們定義了一個函數getLength，並使其在函數內部調用兩次length屬性，第一個為arguments.length，即獲取參數長度，輸出4；第二個為arguments.callee.length，此時獲取到的是函數中具名參數的個數，即輸出為0。此處的arguments就是一個類數組對象。

四、總結

在Javascript中，length屬性是非常重要的一個屬性，它可以獲取到字元串、數組、類數組等的長度信息，是進行循環、截取等操作時必不可少的信息。我們可以通過本文介紹的多種方式來獲取到數據的長度信息，為後續的操作提供基礎和參考。