Wie kann ich eine Zeichenfolge, die Emoji enthält, in ein Array aufteilen?

Question

(Sie benötigen Firefox oder Safari, um die Emoji im Code zu sehen.)

Ich möchte eine Zeichenfolge von Emoji nehmen und etwas mit den einzelnen Zeichen tun.

In JavaScript "⛔".length == 13 weil "⛔" Länge 1 ist, der Rest 2. So können wir nicht

s = string.split(""); 
c = []; 
c[0] = s[0]+s[1]; 

---

Hier ist, was ich gemacht:

Answer 1

Edit: siehe Orlin Georgiev's answer für eine geeignete Lösung in einer Bibliothek: https://github.com/orling/grapheme-splitter

---

Dank this answer habe ich eine Funktion, die einen String und gibt ein Array von Emojis nimmt:

var emojiStringToArray = function (str) { 
    split = str.split(/([\uD800-\uDBFF][\uDC00-\uDFFF])/); 
    arr = []; 
    for (var i=0; i<split.length; i++) { 
    char = split[i] 
    if (char !== "") { 
     arr.push(char); 
    } 
    } 
    return arr; 
}; 

So

emojiStringToArray("⛔") 
// => Array [ "", "", "", "⛔", "", "", "" ] 

Answer 2

JavaScript ES6 hat eine Lösung !, für ein echtes Split:

[..."⛔"] // ["", "", "", "⛔", "", "", ""] 

Yay? Bis auf die Tatsache, dass es beim Ausführen durch den transpiler möglicherweise nicht funktioniert (siehe @ brainkims Kommentar). Es funktioniert nur, wenn es nativ auf einem ES6-kompatiblen Browser ausgeführt wird. Zum Glück umfasst dies die meisten Browser (Safari, Chrome, FF), aber wenn Sie nach einer hohen Browser-Kompatibilität suchen, ist dies nicht die Lösung für Sie.

Answer 3

Die Graphem-Splitter-Bibliothek, die genau das tut, ist kompatibel auch mit alten Browsern und arbeitet nicht nur mit Emoji aber allerlei exotischer Zeichen: https://github.com/orling/grapheme-splitter Sie sind wahrscheinlich kanten Fälle in jedem Heim-Gebräu verpassen Lösung. Dieser basiert auf dem UAX-29 Unicode Standart