jsでマルチバイト文字にあてる正規表現はuフラグをつける

<h2>理由</h2>
<ul>
<li>jsの文字列は内部でUTF-16を使っている</li>
<li>jsで文字列の1文字は1つのコードユニットを指し、コードポイントを指すわけではない</li>
</ul>
<h2>例</h2>
<code>👶🏼.length</code>はJSだと4である
<pre><code class="hljs language-js">&gt; const baby = &quot;👶🏼&quot;
undefined
&gt; baby.length
4
</code></pre>
なので以下の「4文字」という正規表現にマッチしてしまう
<pre><code class="hljs language-js">&gt; baby.match(/^.{4}$/)
[ &#x27;👶🏼&#x27;, index: 0, input: &#x27;👶🏼&#x27;, groups: undefined ]
</code></pre>
これを避けるためには(<code>👶🏼</code>を1文字として扱うためには)
正規表現に<code>u</code>フラグをつける
<pre><code class="hljs language-js">&gt; baby.match(/^.{4}$/u)
null
</code></pre>
<h2>参考</h2>
<ul>
<li><a href="https://jsprimer.net/basic/string-unicode/">文字列とUnicode · JavaScript Primer #jsprimer</a></li>
</ul>
<blockquote>
基本的には正規表現にuフラグをつけて問題となるケースは少ないはずです。 なぜなら、サロゲートペアの片方だけにマッチしたい正規表現を書くケースはまれであるためです。
</blockquote>
<h2>その他</h2>
例にあげた <code>👶🏼</code> だと異体字セレクタの話が混ざってるのでそれはまた今度