js打印编码问题，如何解决一个字符输出2个标签？

Question

在for循环打印PUA里的字符的时候，总会生成两个标签合成一个字符，而且只能用<span><a><b>之类的文本标签，使用<div><p>之类的会变成�……

且无效对单一个标签进行a:hover之类的操作，否则就会变成�。

a= ''
for(let i in a){ innerHTML+= `<a>${a[i]}</a>`

// 一个字符会输出两个标签，合成一个  字符。
<a>�</a>
<a>�</a>

需要一个字符只输出一个标签，要如何操作呢？

PS：a的字符串是直接CP出来的，可以直接在html里正常显示（@font-face对应字体包）。

Answer 1

在V站找到了方法。

使用 Array.from() 方法可以正常的打印。

但是有个问题，为什么我手动把字符串改成数组不行，但用 Array.from() 浅考个就成了呐？

Answer 2

str = '?';
console.log('codePointAt', [str.codePointAt(0),str.codePointAt(1)])
console.log('codePointAt', [str.charCodeAt(0),str.charCodeAt(1)])
console.log('split', [Array.from(str),Array.prototype.slice.call(str)])

正好前段时间也遇到了这个，其实还可以通过 codePointAt 和 charCodeAt 来比对。

这个分割问题其实怪 emoji，他有可能是多个字符组合成一个图片。