使用扩展语法从包含表情符号的字符串中过滤空字符串

Question

我正在努力保持时尚，所以我一直在玩spread operator 和表情符号。我注意到，当我想将filter 空字符串（''）从生成的“扩展”数组中取出时，空字符串不会被删除。这是为什么呢？

console.log([...'????︎']);                 // ['????︎', '']
console.log([...'????︎'].filter(String));  // ['????︎', '']
console.log(['????︎', ''].filter(String)); // ['????︎']

Answer 1

您的字符串中有一个不可见的字符，即variation selector。如果您打印字符代码，您可以看到这一点：

console.log([...'?︎'].map(s => s.charCodeAt(0)));

如果您的目标是删除特定的variation selector 15，那么您可以只使用replace：

s.replace(/\ufe0e/g, '')

请注意表情符号在您拥有的第三条语句的输出中略有不同。这是变体选择器的效果，您将其从前两个语句中的第一个字符中取出。虽然那个特殊字符本身不会打印任何东西，并且在隔离时显示为空字符串，但它确实不是空的，所以filter不会排除它。

表情符号字符本身位于单个单词 UTF-16 范围之外，因此它们占据了两个单词。

当你用split 分割这样一个单字符的字符串时，你会得到两个单独的字符（JavaScript 历史上的怪事），它们代表 UTF 编码。如果您的目标是计算字符串中的表情符号（和其他高位字符），您可以使用以下代码：

console.log(s.split('').length - [...s].length);