在Javascript中，length属性是非常重要的一个属性，它可以获取到字符串、数组、类数组等的长度信息，是进行循环、截取等操作时必不可少的信息。本文将从多个方面来显示Javascript的length属性。
一、获取字符串长度
在Javascript中，我们可以通过字符串本身的length属性来获取字符串的长度，以便于对字符串进行操作。
var str = "Hello World";
console.log(str.length); // 11
在上述代码中，我们定义了一个字符串变量str，并且使用str.length来获取它的长度信息，此处得到的结果为11，这是因为该变量中包含了11个字符。
我们还可以通过正则表达式来获取一个中英混合字符串的长度信息。
function getStrLength(str) {
return str.replace(/[\u0391-\uFFE5]/g,"aa").length;
}
console.log(getStrLength("Hello 你好"));//输出:11
在上述代码中，我们定义了一个函数getStrLength，传入一个带中英混合的字符串参数str。代码中使用了正则表达式/[\u0391-\uFFE5]/g，表示匹配所有中文字符。使用replace方法，替换掉所有中文字符，并用字符串aa代替，最后使用字符串的length属性获取到字符串的长度。
二、获取数组长度
在Javascript数组中，length属性可以获取到数组的长度信息。
var arr = ["apple", "orange", "banana"];
console.log(arr.length);//3
在上述代码中，我们定义了一个数组arr，并且使用arr.length获取它的长度信息，此处得到的结果为3，这是因为该数组中包含了3个元素。
需要注意的是，数组的长度并不代表它的元素个数，因为数组的长度可以被人为的改变。
var arr = ["apple", "orange", "banana"];
arr.length = 2;
console.log(arr.length);//2
在上述代码中，我们将数组arr的长度改为了2，此时再次使用arr.length获取到的长度为2。
三、获取类数组长度
在Javascript中，除了数组和字符串之外，类数组对象也经常出现。类数组对象的数值键名可以是任意的非负整数，其属性和元素个数也是非常多变的，此时我们同样可以通过类数组对象本身的length属性来获取长度信息。
var getLength = function(){
console.log(arguments.length);
console.log(arguments.callee.length);
}
getLength(1,2,3,4); // 输出：4 0
在上述代码中，我们定义了一个函数getLength，并使其在函数内部调用两次length属性，第一个为arguments.length，即获取参数长度，输出4；第二个为arguments.callee.length，此时获取到的是函数中具名参数的个数，即输出为0。此处的arguments就是一个类数组对象。
四、总结
在Javascript中，length属性是非常重要的一个属性，它可以获取到字符串、数组、类数组等的长度信息，是进行循环、截取等操作时必不可少的信息。我们可以通过本文介绍的多种方式来获取到数据的长度信息，为后续的操作提供基础和参考。
原创文章，作者：KZMPV，如若转载，请注明出处：https://www.506064.com/n/324555.html
微信扫一扫 
支付宝扫一扫 