📜  7.3.2.长度或 .length - Javascript (1)

📅  最后修改于: 2023-12-03 15:13:09.390000             🧑  作者: Mango

7.3.2. 获取数组或字符串长度:.length属性

在Javascript中,我们可以通过.length属性来获取数组或字符串的长度。

获取数组长度

数组是一个有序的数据集合,我们可以通过下标来访问每一个元素。当我们需要获取数组的长度时,可以利用数组的.length属性来获取。例如:

const arr = [1, 2, 3];
console.log(arr.length); // 输出3

在上面的代码中,我们利用数组的.length属性获取了数组arr的长度,即3。

需要注意的是,.length属性返回的是一个整数,表示数组中元素的个数。如果数组中存在一个或多个undefined元素,则这些元素也会被计入长度中。例如:

const arr2 = [1, 2, undefined, undefined];
console.log(arr2.length); // 输出4
获取字符串长度

字符串是一组由字符组成的有序序列,同样也可以使用.length属性来获取字符串的长度。例如:

const str = "hello world";
console.log(str.length); // 输出11

在上面的代码中,我们利用字符串的.length属性获取了字符串str的长度,即11。

需要注意的是,对于汉字等宽字符,一个字符占据两个字节,因此.length属性返回的长度会包含中文字符。例如:

const chinese = "中国";
console.log(chinese.length); // 输出2
其他应用场景

.length属性在数组和字符串以外的数据类型中也有应用场景。

例如,在函数中,.length属性可以用来获取函数定义时所指定的参数个数:

function test(a, b, c) {
  console.log(arguments.length); // 输出3
}

test(1, 2, 3);

在上面的代码中,我们定义了一个函数test,并在调用时传入了3个参数。利用arguments.length属性,我们可以获取函数调用时传入的参数个数,即3。

此外,.length属性还可以用来获取类数组对象的元素个数,例如:

const divs = document.getElementsByTagName("div");
console.log(divs.length); // 输出文档中div元素的数量

在上面的代码中,我们通过getElementsByTagName方法获取了文档中所有的div元素,利用.length属性获取了它们的数量。