JavaScript 数组的length属性

length属性以32位无符号整数的形式返回数组中元素的数量。我们还可以说，length属性返回一个表示数组元素数量的数字。返回值总是大于最高数组索引。

length属性还可以用于设置数组中元素的数量。我们必须使用赋值运算符与length属性结合使用来设置数组的长度。

在JavaScript中，array.length属性与jQuery中的array.size()方法相同。在JavaScript中，使用array.size()方法无效，因此我们使用array.length属性来计算数组的大小。

语法

以下语法用于返回数组的长度

array.length

以下语法用于设置数组的长度

array.length = number

为了更好地理解，让我们看一些使用array.length属性的示例。

示例1

这是一个简单的示例，用于理解如何使用array.length属性来计算数组的长度。

<html>
<head>
<title> array.length </title>
</head>

<body>
<h3> Here, we are finding the length of an array. </h3>
<script>
var arr = new Array( 100, 200, 300, 400, 500, 600 );
document.write(" The elements of array are: " + arr);
document.write(" <br>The length of the array is: " + arr.length);
</script>
</body>
</html>

输出

在输出中，我们可以看到数组的长度为六，这大于数组的最高索引的值。在上面的示例中，指定数组的最高索引是 5 。

JavaScript 数组的length属性

示例2

在这个示例中，我们使用 array.length 属性来设置数组的长度。最初，数组包含两个元素，所以在开始时，长度为2。然后，我们将数组的长度增加到9。

在输出中，数组的值由逗号分隔。在增加长度之后，数组包含两个定义的值和七个未定义的值，它们由逗号分隔。然后我们插入五个数组元素并打印它们。现在，数组包含七个定义的值和两个未定义的值。

<html>
<head>
<title> array.length </title>
</head>

<body>
<h3> Here, we are setting the length of an array. </h3>
<script>
var arr = [100, 200];
document.write(" Before setting the length, the array elements are: " + arr);

arr.length = 9;
document.write("<br><br> After setting the length, the array elements are: " + arr);
// It will print [ 1, 2, <7 undefined items> ]
arr[2] = 300;
arr[3] = 400;
arr[4] = 500;
arr[5] = 600;
document.write("<br><br> After inserting some array elements: " + arr);
</script>
</body>
</html>

输出

JavaScript 数组的length属性

在下一个示例中，我们将测试数组的length属性，该数组具有非数字索引。

示例3

在这个示例中，数组的索引是非数字的。这里，数组包含了五个具有非数字索引的元素。我们将对给定的数组应用length属性来观察效果。现在让我们看看数组的 array.length 属性在数组的非数字索引上的工作方式。

<html>
<head>
<title> array.length </title>
</head>

<body>
<h3> There are five array elements but the index of the array is non numeric. </h3>
<script>
var arr = new Array();
arr['a'] = 100;
arr['b'] = 200;
arr['c'] = 300;
arr['d'] = 400;
arr['e'] = 500;

document.write("The length of array is: " + arr.length);
</script>
</body>
</html>

输出

在输出中，我们可以看到数组的长度被显示为 0 。在上述代码执行后，输出将会是-

JavaScript 数组的length属性

我们还可以使用length属性来找出字符串中单词的数量。让我们通过一个示例来理解。

示例4

在这个示例中，我们使用length属性来显示字符串中的单词数量。我们创建了一个数组，并使用split()函数对数组元素进行处理。我们将字符串从空格（” “）字符处分割。

如果我们直接将length属性应用于字符串上，那么它会给我们返回字符串中的字符数。但是在这个示例中，我们将了解如何计算字符串中的单词数量。

<html>
   <head>
      <title> array.length </title>
   </head>

   <body>   
      <script>
var str = "Welcome to the javaTpoint.com";
var arr = new Array();
arr = str.split(" ");
document.write(" The given string is: " + str); 
document.write("<br><br> Number Of Words: "+ arr.length);
document.write("<br><br> Number of characters in the string: " + str.length);
      </script>      
   </body>
</html>

输出

JavaScript 数组的length属性