JavaScript教程-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属性计算数组的长度。
<!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。
示例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>
输出
在下一个示例中,我们将在具有非数字索引的数组上测试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。执行上述代码后的输出结果为 -
我们还可以使用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>