如何将带有特殊字符 (🕵️‍,👏) 的 javascript 字符串拆分为单个字符？

Question

I'm working with a component that splits text into characters. My expectation when splitting was that I will get 🕵️‍ and characters like it as a single character.

Lets say we have the following text: "Hello 🕵️‍ world 👏". If I split the text with:

"Hello 🕵️‍ world 👏".split('') 
// result: "H", "e", "l", "l", "o", " ", "\ud83d", "\udd75", "️", "‍", …  
"🕵️‍".split('') 
// result: Array [ "\ud83d", "\udd75", "️", "‍" ]

How can I split the string in such a way that these type of symbols are treated as one entity?

Answer 1

Try using the spread operator instead of .split() :

[..."Hello 🕵️‍ world 👏"]

As far as I know, the reason spread works and split doesn't is that String.split is separating zero-width joiners and spread is not.

"🕵️‍".split().length // 4
[..."🕵️‍"].length    // 3