JS字符串的长度|极客笔记

JS字符串的长度

在JavaScript中，字符串是一种基本的数据类型，用来表示文本数据。字符串的长度是指字符串中字符的个数。在JavaScript中，我们可以用字符串的length属性来获取字符串的长度。

length属性的作用

length属性是字符串对象的一个属性，在字符串上被调用时返回字符串中字符的个数。length属性是只读的，不可以被赋值。length属性返回的是字符串中Unicode代码点的数量，而不是实际字符的数量。

下面是length属性的示例代码：

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

在上面的示例中，我们定义了一个字符串"Hello, World!"，然后使用length属性获取了这个字符串的长度，打印结果为13。这是因为这个字符串中包含了13个字符，包括字母、空格、逗号和叹号。

UTF-16 编码

在JavaScript中，字符串是使用UTF-16编码的。UTF-16编码是一种Unicode字符的一种编码方式，它使用16位的编码表示一个字符。对于大于65535（0xFFFF）的Unicode字符，UTF-16使用两个16位编码来表示一个字符，这被称为“代理对”。

因此，对于一个字符串中的每个字符，如果它的Unicode码点小于等于65535，那么这个字符就占用一个16位编码；如果它的Unicode码点大于65535，那么这个字符就占用两个16位编码。

下面我们来看一个示例，其中包含一个Unicode码点小于65535的字符和一个Unicode码点大于65535的字符：

let str = "😄";
console.log(str.length); // 输出 2

在上面的示例中，我们定义了一个字符串包含了一个笑脸符号😄。这个笑脸符号的Unicode码点是128516，大于65535，因此它会被编码为一个代理对，占用两个16位编码。因此，这个字符串的长度为2。

考虑代理对

由于代理对的存在，如果我们需要对字符串进行操作，需要考虑代理对的情况。一般情况下，我们可以使用String.prototype.length获取字符串的真实长度，来正确处理包含代理对的字符串。

下面是一个示例代码：

function getRealLength(str) {
    let len = str.length;
    let realLen = 0;

    for (let i = 0; i < len; i++) {
        if (str.charCodeAt(i) > 0xFFFF) {
            realLen++;
        }

        realLen++;
    }

    return realLen;
}

let str = "😄";
console.log(getRealLength(str)); // 输出 1

在上面的示例中，我们定义了一个函数getRealLength，它接受一个字符串参数，并返回这个字符串的真实长度。我们在函数中遍历字符串的每一个字符，通过调用charCodeAt方法得到字符的Unicode码点。如果Unicode码点大于65535，则代表这是一个代理对，真实长度需要再加1。