JavaScript中的length属性|极客笔记

JavaScript中的length属性

在JavaScript中，length属性是一个用于指定数组的大小（元素数量）或字符串的长度的属性。它可以用来获取或设置数组的长度或字符串的长度。在本文中，我们将详细介绍length属性的用法和特性。

数组的`length`属性

在JavaScript中，可以使用length属性来获取数组的长度（元素数量）。当我们声明一个数组并给其赋值时，JavaScript会自动为其设置length属性的值。

let fruits = ["apple", "banana", "grape"];
console.log(fruits.length); //输出结果：3

在上面的示例中，我们声明了一个包含3个元素的数组fruits，并通过fruits.length打印了数组的长度，结果为3。

设置数组的`length`属性

除了获取数组的长度，length属性还可以用来设置数组的长度。通过设置length属性，可以减少或增加数组的长度。如果设置的长度小于原数组的长度，则原数组会被截断，多余的元素会被丢弃。如果设置的长度大于原数组的长度，则会向数组末尾添加undefined值。

let colors = ["red", "blue", "green", "yellow"];
console.log(colors.length); //输出结果：4

colors.length = 2;
console.log(colors); //输出结果：["red", "blue"]
console.log(colors.length); //输出结果：2

colors.length = 5;
console.log(colors); //输出结果：["red", "blue", undefined, undefined, undefined]
console.log(colors.length); //输出结果：5

在上面的代码中，我们先声明了一个包含4个元素的数组colors，通过colors.length获取了数组的长度，然后分别设置了数组的长度为2和5，并打印了结果。

注意事项

需要注意的是，通过length属性设置数组的长度可能会影响数组的元素数量和索引位置，因此在使用时需要注意边界情况和逻辑。

字符串的`length`属性

在JavaScript中，也可以使用length属性来获取字符串的长度。字符串的length属性返回字符串中包含的字符数量，包括空格和特殊字符。

let str = "Hello, World!";
console.log(str.length); //输出结果：13

在上面的示例中，我们声明了一个包含13个字符的字符串str，并通过str.length获取了字符串的长度。

中文字符和`length`属性

对于包含中文字符的字符串，length属性会将每个中文字符视为一个字符。因此，一个中文字符的长度被计算为1，而不是2（UTF-8编码下的字节数）。

let chineseStr = "你好，世界！";
console.log(chineseStr.length); //输出结果：6

在上面的示例中，我们声明了一个包含6个中文字符的字符串chineseStr，并通过chineseStr.length获取了字符串的长度。

设置字符串的`length`属性

与数组不同，字符串的length属性是只读的，不允许通过赋值来改变字符串的长度。如果尝试设置字符串的length属性，不会报错，但也不会有任何效果。

let message = "Hello";
console.log(message.length); //输出结果：5

message.length = 3; //尝试设置字符串的长度

console.log(message); //输出结果：Hello
console.log(message.length); //输出结果：5

在上面的示例中，我们先声明了一个包含5个字符的字符串message，然后尝试设置字符串的length属性为3，打印结果表明字符串的长度并未改变。