如何找到 unicode 组合？

Question

我有一些表情符号，例如 (??????‍???? ????‍?????? ???????? ???????? )this。我正在为每个表情符号添加span。我有一个处理代码将其转换为span 这是将转换为span 的函数

emojiSpan = function (emojis) {
  if (!emojis)
    return;
  try {
    let emojiSpan;
    var unicodeMatch = /([\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2694-\u2697]|\uD83E[\uDD10-\uDD5D])/g;
    if (emojis.match(unicodeMatch)) {
      emojis.match(unicodeMatch).filter(function (unicode) {
        if (unicode.trim().length === 1) return emojis;
        emojiSpan = _getEmojiSpan(unicode);
        emojis = Utility.replaceAll(emojis, unicode.trim(), emojiSpan);
      });
    }
  } catch (error) {
    console.error("Error while parsing emoji", error.stack);
  }
  return emojis;
};

var _getEmojiSpan = function(emoji){
if(!emoji)
  return;
return `<span class="emojiNative">${emoji}</span>`;  
}

这里，输入是??????‍???? ????‍???? ？？？？？？ ？？？？？？我得到像

这样的输出

<span class="emojiNative">????</span>‍
<span class="emojiNative">
  <span class="emojiNative">????</span>
</span>
<span class="emojiNative">????</span>‍
<span class="emojiNative">
  <span class="emojiNative">????</span>
</span>
<span class="emojiNative">
  <span class="emojiNative">????</span>
</span>
<span class="emojiNative">????</span>
<span class="emojiNative">
  <span class="emojiNative">????</span>
</span>
<span class="emojiNative">????</span>

表情符号正在分开。我怎样才能获得确切的表情符号？请帮帮我。

预期的输出是

<span class="emojiNative">????‍????</span>‍
<span class="emojiNative">????‍????</span>
<span class="emojiNative">????????</span>
<span class="emojiNative"> ???????? </span>
   

Answer 1

“合并”成一个表情符号，例如男性/女性程序员，由零宽度连接器 U+200D 分隔。您可以将正则表达式扩展到看起来像 [emoji](?:\u200D[emoji])* 以添加对组合表情符号的支持。

至于旗帜，它们是由两个区域指标拼出国家代码制成的。这些指标都在一个固定的范围内，所以当你找到那个范围时，你可以检查它们是否有两个，如果有，就把它们放在一起：

(?:\uD83C[\uDDE6-\uDDFF]){2}

确保它在您的正则表达式的另一个 \uD83C 段之前。

emojiSpan = function (emojis) {
  if (!emojis)
    return;
  try {
    var unicodeMatch = /(?:\uD83C[\uDDE6-\uDDFF]){2}|(?:[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2694-\u2697]|\uD83E[\uDD10-\uDD5D])(?:\u200D(?:[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2694-\u2697]|\uD83E[\uDD10-\uDD5D]))*/g;
    emojis = emojis.replace(unicodeMatch, '<span class="emojiNative">$&</span>');
  } catch (error) {
    console.error("Error while parsing emoji", error.stack);
  }
  return emojis;
};

var _getEmojiSpan = function(emoji){
if(!emoji)
  return;
return `<span class="emojiNative">${emoji}</span>`;  
}
document.body.innerHTML += emojiSpan("?‍? ?‍? ?? ??");