JavaScript splitを使うとマッチしなくなる

Question

splitを使ってマッチさせたいのですがどうやればいいのでしょうか？

マッチしなくなる例 split使用
<script>
window.onload=function(){
regexEmojis = /[\u{1F300}-\u{1F64F}\u{1F680}-\u{1F6FF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}\u{1F900}-\u{1F9FF}]/gu;
text = "😀";
a=text.split("");
if(a[0].match(regexEmojis)){
alert("マッチ");
}
}
</script>

マッチする
<script>
window.onload=function(){
regexEmojis = /[\u{1F300}-\u{1F64F}\u{1F680}-\u{1F6FF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}\u{1F900}-\u{1F9FF}]/gu;
text = "😀";
if(text.match(regexEmojis)){
alert("マッチ");
}
}
</script>

Comments

[melian]

ES6 であればスプレッド構文を使うとよいかと。

a=text.split("");
=>
a=[...text];

Answer 1

regexEmojis の意図から察すると必要なのはコードポイント単位の分割です。split("") だとコードユニット単位の分割になるので不適切です。

const a = [..."😀"];

const a = "😀".match(/./ug);

などでコードポイント単位の分割が可能です。

---

ところで、もし「絵文字1文字」を判定することが目的ならコードポイント単位の分割や regexEmojis は不適切になります。"👨‍👩‍👧‍👧" は見た目では1文字になるべきですがコードポイントは7個になります。