JavaScript: 文字数を正確にカウントするには？ - Qiita

この投稿ではJavaScriptで文字数をできるだけ正確にカウントする方法について取り上げます。 文字数とは？ 要件で「文字数を表示してほしい」「○文字以上はバリデーションエラーにしたい」と文字数を考慮しないとならないことがあります。 そもそも文字数とは何でしょうか。 たとえば、アルファベットの「A」は1文字と数えられそうです。 次の絵文字は、何文字になるでしょうか？ この絵文字はiOSであれば14.5の環境では、UI上では上のように1文字のように表示されます。しかし、それ以前のバージョンでは、同じ文字列データでも😵💫のように2文字で表示されます。なお、この絵文字は3つのコードポイントU+1F635 U+200D U+1F4ABからなります。この絵文字の「文字数」はいったい何文字として扱ったらよいのでしょうか。 以上のように、ひとことで文字数と言ってもデータと見た目と環境の3つのややこ

[Guro]

（もう「文字数」という言葉づかいを死語にしたい。無理か。）

[sa-yama321]

行の最後をそろえたいときに正確に文字数を数えられないと困るのよ。 https://marketplace.visualstudio.com/items?itemName=SatoshiYamamoto.vscode-end-of-line

[turanukimaru]

この話題ちょくちょく出るけど、何のために文字数を数えたいんだろう？何のためにか分かってるならそれに合わせればいいし、何のためでもなければどうでも良いだろうに。

[JULY]

ゼロ幅接合子で合成された絵文字の文字数を、そもそも１と数えるべきか否か、ということも、シチュエーションによってはありそう。でもなぁ...

[cinefuk]

"この絵文字はiOS14.5の環境では、UI上では1文字のように表示されます。それ以前のバージョンでは😵💫2文字で表示されます。なお、この絵文字は3つのコードポイントU+1F635 U+200D U+1F4ABからなります。いったい何文字として"

[nilab]

「Intl.Segmenterはロケールを考慮して、文字列を書記素や単語、文に分解できるAPIです。Intl.Segmenterは現在stage-4ですが、すでにNode.jsやChromeなどでは実装されています」

[UDONCHAN]

逆に、現時点では幅広いブラウザのJSのAPIすべてに対応した、正確に文字数をカウントする方法は無いってことになるよね…。

[nakag0711]

国旗みたいなゴミ設計をUnicodeに入れた者にはちゃんと責任を取らせるべきだ

[teramako]

Intl.Segmenter// 我々が知りたいのは文字数なのか、半角で何文字分なのか…

[ducktoon]

Stringのメソッドにしてほしかった

[kijtra]

まあ、もし仕事でやるなら「絵文字は複数カウントになります」と説明書いて終わらせるかもなw

[circled]

「この話題ちょくちょく出るけど、何のために文字数を数えたいんだろう？」→ ハテブコメ(MAX100文字)、Twitterのツイート(MAX140文字)、パスワード入力フィールド(パスワードは x 文字以下にしてください)

[foofuga]

何のために数えるのかという話で、仮に表示上の幅を測定したいのであれば、環境ごとにレンダリングして実測するのが一番正確

[aktkro]

奥が深すぎぃ

[dsl]

“ja", {”

[kkeisuke]

“Intl.Segmenter”

[remonoil]

逆に正確にカウントすればするほど古典システムとの接続時におかしなことになるという罠付き

[nil0303]

人類に文字は早すぎたのでは。

[kotas]

“Intl.Segmenter” 知らんかった。今まで Array.from() 使ってたけど、そうか…国旗か…

[clubman023]

なるほど

[a96neko]

絵文字だと3文字数になるから見た目の文字数に差が出るんだよな

[yoshisp]

“最後までお読みくださりありがとうございました。この投稿が少しでも役に立ちそうだったシェアしていただけると嬉しいです！”

[FutureIsWhatWeAre]

わぁいUnicode地獄 Unicode地獄話大好き

[Lhankor_Mhy]

Intl.Segmenter