首頁 > web前端 > js教程 > JavaScript設定或傳回數組中元素數目的屬性length

JavaScript設定或傳回數組中元素數目的屬性length

黄舟
發布: 2017-11-04 10:22:59
原創
3887 人瀏覽過

定義和用法

length 屬性可設定或傳回數組中元素的數目。

語法

1

arrayObject.length

登入後複製

說明

陣列的 length 屬性總是比陣列中定義的最後一個元素的下標大 1。對於那些具有連續元素,而且以元素 0 開始的常規數組而言,屬性 length 聲明了數組中的元素的個數。

陣列的 length 屬性在用建構函數 Array() 建立陣列時被初始化。在陣列中新增元素時,如果必要,將更新 length 的值。

設定 length 屬性可改變陣列的大小。如果設定的值比其目前值小,則陣列將被截斷,其尾部的元素將會遺失。如果設定的值比它的目前值大,則陣列將會增加,新的元素被加到陣列的尾部,它們的值為 undefined。

實例

在本例中,我們將展示如何使用length 屬性傳回並設定陣列的長度:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<script type="text/javascript">

 

var arr = new Array(3)

arr[0] = "John"

arr[1] = "Andy"

arr[2] = "Wendy"

 

document.write("Original length: " + arr.length)

document.write("<br />")

 

arr.length=5

document.write("New length: " + arr.length)

 

</script>

登入後複製

輸出:

1

2

Original length: 3

New length: 5

登入後複製

關於javascript length屬性的總結請看以下內容詳解。

一、StringObject中的length

    length屬性是傳回字串的字元數目。

    例如:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

// 普通字符串

var str = "abcdef";

console.log(str.length); // 6

// 数组

var str1 = new Array(1,2,3,4);

console.log(str1.length); // 4

// 数组与字符串

var str2 = str1 + str; // "abcdef1,2,3,4"

console.log(str2.length); // 13

// 对象和对象

var obj = {};

console.log(obj.length); // undefined

var obj += obj; // "[object Object][object Object]"

console.log(obj.length); // 30

登入後複製

二、Function中的length

     length可以回傳function的參數數目。

1

2

3

4

var a = function(a,b,c,d){};

console.log(a.length); // 4

var b = RegExp;

console.log(b.length); //new RegExp(pattern, attributes)构造方法中有两个参数, 所以length为2

登入後複製

※ arguments實例的length屬性則是傳回呼叫程式傳遞給函數的實際參數數目。

1

2

3

4

5

var a = function(){

  console.log(arguments.length);

};

a(1,2,3); // 3

a(); // 0

登入後複製

以上是JavaScript設定或傳回數組中元素數目的屬性length的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
怎麼實作 JavaScript點與圓的位置關係
來自於 1970-01-01 08:00:00
0
0
0
JavaScript鉤子函數是什麼?
來自於 1970-01-01 08:00:00
0
0
0
c++ 呼叫javascript
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板