【JavaScript】⽤ JS 判断某个字符串⻓度（要求⽀持 Emoji 表情）

在 JavaScript 中，可以使⽤ String 类型的 length 属性来获取字符串的⻓度。但是，由于 Emoji 表情在字符串中占⽤了两个字符的位置，因此直接使⽤ length 属性得到的结果并不准确（我们希望的是 Emoji 表情是一个字符）。

方法一：遍历字符串

/**
 * 计算字符串的⻓度（⽀持 Emoji 表情）
 * @param {string} str - 要计算⻓度的字符串
 * @returns {number} - 字符串的⻓度
 */
function getLength(str) {
  let length = 0;
  for (let i = 0; i < str.length; i++) {
    const code = str.charCodeAt(i);
    if (code >= 0xd800 && code <= 0xdbff) {
      i++;
    }
    length++;
  }
  return length;
}
console.log(getLength("你好🌍")); // 3

方法二：正则

const str = "Hello,世界!🌍🌎🌏";
const len = str.replace(
  /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g,
  "-"
).length;
console.log(len);  // 12

方法三：ES6 特性

const str = "Hello,世界!🌍🌎🌏";
const arr = Array.from(str);
console.log(str.length, arr.length);  // 15 12

多码点的emoji 会有不同的显示，这是因为unicode的约定导致的，详情可看阮⼀峰的这篇博⽂ http://www.ruanyifeng.com/blog/2017/04/emoji.html

// 多码点emoji
const str = '👨‍👩‍👧‍👦👨‍👩‍👧‍👦';
const arr = Array.from(str);
console.log(str.length, arr.length);  // 22 14