JS判断字符串长度的5个方法（区分中文和英文）

这里是详细讲解“JS判断字符串长度的5个方法（区分中文和英文）”的完整攻略。

什么是字符串长度

在JavaScript编程中，字符串长度指的是字符串中包含的字符数。在英文环境中，一个字符通常只占用一个字节的空间，而在中文环境中，一个字符可能需要占用多个字节的空间。因此，在处理字符串时，需要特别注意字符长度的计算问题。

判断字符串长度的方法

下面介绍5种常用的判断字符串长度的方法，可以有效区分英文和中文字符。

方法一：使用String.prototype.length属性

String.prototype.length属性返回一个字符串中字符的数量，包括中文和英文字符，都算做单一字符，每个字符计一次长度。例如：

let str = 'hello world';
console.log(str.length); // 打印结果为11

let str2 = '你好，世界！';
console.log(str2.length); // 打印结果为7

方法二：使用正则表达式

通过正则表达式计算字符串长度，可以有效区分中英文字符，每个中文字符会被占用两个字节，英文字符只占用一个字节。计算过程如下所示。其中，str为待计算长度的字符串：

let len = 0;
for (let i = 0; i < str.length; i++) {
    const c = str.charAt(i);
    if (/^[\u0000-\u00ff]$/.test(c)) {
        len += 1;
    } else {
        len += 2;
    }
}
console.log(len); // 打印结果为字符串长度

方法三：使用Array.prototype.reduce方法

使用Array.prototype.reduce()方法可以有效地处理字符串长度问题。使用该方法，需将字符串转换为字符数组，在遍历数组时判断每个字符所占用的字节数。计算过程如下所示。其中，str为待计算长度的字符串：

const len = str.split('').reduce((pre, cur) => {
    return pre + (cur.charCodeAt() > 255 ? 2 : 1);
}, 0);
console.log(len); // 打印结果为字符串长度

方法四：使用正则表达式

使用正则表达式可以有效地计算字符串长度，除英文以外，其他字符会被占用2个字节。输入字符串长度当前共32个字符，即str为待计算长度的字符串：

const len = str.replace(/[^\u0000-\u00ff]/g, "aa").length;
console.log(len); // 打印结果为字符串长度，此例中为64

方法五：使用ES6中的扩展运算符

在ES6中，可以使用扩展运算符将字符串转换为一个可迭代对象。通过遍历该对象，可以计算字符串中字符的数量。当一个中文字符作为一个字符来计算。计算过程如下所示。其中，str为待计算长度的字符串：

const len = [...str].reduce((pre, cur) => {
    return pre + (cur.charCodeAt() > 255 ? 2 : 1);
}, 0);
console.log(len); // 打印结果为字符串长度

示例

下面举两个示例来说明这些方法的使用过程。

示例一：使用Array.prototype.reduce()方法计算字符串长度

function getLength(str) {
  const len = str.split('').reduce((pre, cur) => {
    return pre + (cur.charCodeAt() > 255 ? 2 : 1);
  }, 0);
  return len;
}

const str = 'hello, world! 你好，世界！';
const len = getLength(str);
console.log(`'${str}'的长度为${len}`); // 输出结果为'hellp, world! 你好，世界！'的长度为28

示例二：使用ES6中的扩展运算符计算字符串长度

function getLength(str) {
  const len = [...str].reduce((pre, cur) => {
    return pre + (cur.charCodeAt() > 255 ? 2 : 1);
  }, 0);
  return len;
}

const str = 'hello, world! 你好，世界！';
const len = getLength(str);
console.log(`'${str}'的长度为${len}`); // 输出结果为'hellp, world! 你好，世界！'的长度为28

以上就是“JS判断字符串长度的5个方法（区分中文和英文）”的完整攻略了，希望能对你有所帮助。