なぜ絵文字を含む文字を1文字ずつに分けるのにArray.fromだけで十分なのか？ - Qiita

「Node.js で絵文字を使う時の注意点 - Qiita」にコメントしたのですが、大雑把すぎて説明になっていない気がするので、詳細に解説したいと思います。 TL;DR 絵文字のようなサロゲートペアを含む文字列をJavaScriptで扱おうとすると面倒。 ↑ s.length、s[0] とか s.split('') とかがおかしくなる。 1文字ずつに分割したいときは Array.from が使える。 なぜなら、Array.from は内部的に for of 文のようなことをしていて、文字列に対する for of はサロゲートペアを考慮するから。 問題点と解決まで 絵文字を含む文字、つまりUTF-16のサロゲートペアを含むような文字を一文字ずつに分割したい場合、JavaScriptでは問題が生じます。つまり、どういうことかというと、 const kira = 'キラッ🌠' // 見ため上は

[teppeis]

自明じゃない気が > ここまでの流れをくめば自明なことですが

[seiunsky]

なるほどなー“文字列を for of に渡した場合、サロゲートペアも考慮して1文字ずつ反復していきます”

[hisasann]

サロゲートペアがあろうと、ちゃんと split してくれる Array.from ちゃん

[jislotz]

ブックマークコメントが参考になる。

[t_f_m]

"書いている途中で気付いたのですが、Array.fromじゃなくてspread operatorを使って、[...kira] のように書いた方が短かいです" / ×短かい　○短い

[kabochatori]

stringのiteratorがサロゲートペアを考慮するので、そのiteratorを利用する処理もサローゲートペアが考慮されるということ。

[masakielastic2]

配列への変換コストを考えると、自分だったら for...of を使ってメソッドを定義する。http://qiita.com/masakielastic/items/72544a3448bb8e768f60

[efcl]

`split("")`だと絵文字などでサロゲートペアの問題が起きるため、ES6で追加された`Array.from`などを使うことで正しく扱えるという話