絵文字(emoji ZWJ Sequences)をJavascriptで操作する

Woah, you can an ES6 spread to see what an emoji is made up of pic.twitter.com/zvurJsfnzj

— Wes Bos (@wesbos) 2016年8月26日

emoji ZWJ Sequences

複数の絵文字を一つの絵文字として表示する Emoji ZWJ Sequences というものがあります。Emoji ZWJ Sequences は構成している絵文字を操作出来ます。

Chromeのコンソールからのコピペです

/* 通常の絵文字 */
[...'‍💏']
// -> ["‍", "💏"]

/* emoji ZWJ Sequences */ 
[...'‍👩‍❤️‍💋‍👨']
// -> ["‍", "👩", "‍", "❤", "️", "‍", "💋", "‍", "👨"]
'‍👩‍❤️‍💋‍👨'.replace('👩', '👨')
// -> "‍👨‍❤️‍💋‍👨"
'‍👨' + '🏿'
// -> "‍👨🏿"
'‍👨🏿' - '🏿'
// -> NaN 引くことは出来なかった...

参考

• Emoji ZWJ Sequences Catalog, v3.0
• Full Emoji Data, v3.0
• Chrome Canary以外では未確認