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属性计算数组的长度。

<!DOCTYPE html>
<html>
<head>
  <title>数组长度</title>
</head>
<body>
  <h3>这里,我们要找出数组的长度。</h3>
  <script>
    var arr = new Array(100, 200, 300, 400, 500, 600);
    document.write("数组的元素为:" + arr);
    document.write("<br>数组的长度为:" + arr.length);
  </script>
</body>
</html>

输出

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

1.png

示例2

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

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

<!DOCTYPE html>
<html>
<head>
  <title>数组长度</title>
</head>
<body>
  <h3>在这里,我们要设置数组的长度。</h3>
  <script>
    var arr = [100, 200];
    document.write("设置长度之前,数组的元素为:" + arr);
    
    arr.length = 9;
    document.write("<br><br>设置长度之后,数组的元素为:" + arr); // 将会打印 [1, 2, 7 个未定义的项]
    
    arr[2] = 300;
    arr[3] = 400;
    arr[4] = 500;
    arr[5] = 600;
    document.write("<br><br>插入一些数组元素后,数组的元素为:" + arr);
  </script>
</body>
</html>

输出

2.png

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

示例3

在这个示例中,数组的索引是非数字的。这里,数组包含五个具有非数字索引的元素。我们在给定的数组上应用length属性以查看效果。现在让我们看看length属性如何在数组的非数字索引上工作。

<!DOCTYPE html>
<html>
<head>
  <title>数组长度</title>
</head>
<body>
  <h3>数组包含五个数组元素,但数组的索引是非数字的。</h3>
  <script>
    var arr = new Array();
    arr['a'] = 100;
    arr['b'] = 200;
    arr['c'] = 300;
    arr['d'] = 400;
    arr['e'] = 500;
    
    document.write("数组的长度为:" + arr.length);
  </script>
</body>
</html>

输出

在输出中,我们可以看到数组的长度显示为0。执行上述代码后的输出结果为 -

3.png

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

示例4

在这个示例中,我们使用length属性来显示字符串中包含的单词数。在这里,我们创建一个数组并使用split()*函数对数组元素进行拆分。我们将字符串从空格(*" ")字符处进行拆分。

如果我们直接将length属性应用于字符串,则会给出字符串中的字符数。但在这个示例中,我们将了解如何计算字符串中的单词数。

<!DOCTYPE html>
<html>
<head>
  <title>数组长度</title>
</head>
<body>
  <script>
    var str = "Welcome to the javaTiku.cn";
    var arr = new Array();
    arr = str.split(" ");
    
    document.write("给定的字符串为:" + str);
    document.write("<br>单词数目:" + arr.length);
    document.write("<br>字符串中的字符数:" + str.length);
  </script>
</body>
</html>

标签: js, JavaScript, JavaScript语言, JavaScript开发, JavaScript语法, JavaScript脚本, JavaScript教程, JavaScript入门, JavaScript入门教程, JavaScript进阶, JavaScript宝典, JavaScript学习, JavaScript指南, JavaScript大全