JavaScript 字符串长度

JavaScript 字符串长度简介

在 JavaScript 中，字符串的长度是指字符串中字符的总数。与 C、C++ 等语言不同，对于 JavaScript 字符串来说，不管是英文字符、中文字符、空格还是符号，每个字符都只算作一个长度单位。

在 JavaScript 中，我们可以使用 length 属性来获取字符串的长度。

语法：

str.length

说明：

length 是一个属性，而不是方法，因此不需要括号。调用对象的属性，我们用的是点运算符（.），可以将其理解为 “的” 。例如，str.length 可以理解成 “str 的 length（长度）”。

对于 length 属性，小伙伴们要清楚以下几点。

所有类型的字符（包括空格、标点符号、中文字符等）都只记为 1 个字符。
空字符串的 length 为 0。

JavaScript 字符串长度示例

接下来，我们通过几个简单的例子来讲解 JavaScript 是如何获取字符串长度的。

示例 1：JavaScript 获取 “英文字符串” 的长度

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script>
        const str = "I love lvye!";
        console.log("字符串长度是：" + str.length);
    </script>
</body>
</html>

运行结果如下。

字符串长度是：12

分析：

对于 str 这个字符串，小伙伴数来数去都觉得它的长度应该是 10，怎么输出结果是 12 呢？其实空格本身也是作为一个字符来处理的，这一点我们很容易忽视。

示例 2：JavaScript 获取 “中文字符串” 的长度

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script>
        const str = "绿叶网";
        console.log("字符串长度是：" + str.length);
    </script>
</body>
</html>

运行结果如下。

字符串长度是：3

分析：

与 C、C++ 等不一样，JavaScript 中一个中文字符的长度是 1，因此 "绿叶网" 的长度是 3。

示例 3：JavaScript 获取 “数字” 的长度

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script>
        // 定义函数
        function getLength(n) {
            const str = n + "";
            return str.length;
        }

        const result = "5201314 是 " + getLength(5201314) + " 位数";
        console.log(result);
    </script>
</body>
</html>

运行结果如下。

5201314 是 7 位数

分析：

这里我们定义了一个函数 getLength() 来获取任意一个数字的长度。const str = n + ""; 表示让 n 加上一个空字符，其目的是为了让数字转换成字符串，这样才可以使用字符串（String 对象）中的 length 属性。

注意: 虽然绝大多数常用汉字长度都是 1，但某些特殊字符（如 Emoji 表情 “🍎”、“😂” 或生僻字等）在 JavaScript 中长度可能会是 2，这其实是由底层编码决定的。