在JS中获取字符串的位数的几种方法小结

字符串.length

console.log("abc".length); // 3（英文字母）
console.log("你好世界".length); // 4（中文）
console.log("123456".length); // 6（数字）
console.log("a1b2c3".length); // 6（混合）

console.log("😀".length); // 2（实际1个字符）
console.log("👍❤️".length); // 4（实际2个字符）
console.log("𠮷".length); // 2（实际1个生僻字）
console.log("a😀b".length); // 4（实际3个字符）

console.log([..."😀"].length); // 1（正确）
console.log([..."👍❤️"].length); // 2（正确）
console.log([..."a😀b"].length); // 3（正确）
console.log([..."𠮷𠮶𠹌"].length); // 3（正确）

console.log(Array.from("😀😃😄").length); // 3 console.log(Array.from("你好😀世界").length); // 5 

function getCharCount(str) {
  return (str.match(/./gu) || []).length;
}
console.log(getCharCount("😀👍❤️")); // 3
console.log(getCharCount("")); // 0（空字符串处理）

function getUtf8ByteLength(str) {
  return new TextEncoder().encode(str).length;
}
console.log(getUtf8ByteLength("abc")); // 3（1字节/字符）
console.log(getUtf8ByteLength("你好")); // 6（3字节/中文字符）
console.log(getUtf8ByteLength("😀")); // 4（4字节/emoji）

function getUtf16ByteLength(str) {
  return str.length * 2;
}
console.log(getUtf16ByteLength("abc")); // 6
console.log(getUtf16ByteLength("😀")); // 4

// 封装一个通用的字符数获取函数
function getStringLength(str) {
  // 空字符串处理
  if (!str) return 0;
  // 优先使用扩展运算符
  return [...str].length;
}
// 使用示例
console.log(getStringLength("你好😀世界123")); // 7