通過可見字符建模

把JavaScript中的string當作字符序列來看待是最直觀的，雖然這樣并不準確。

以下代碼示例中的字符串由5個字母和一個感嘆號組成：

const message = 'Hello!';

如果把string當作是可見的字符序列，那么'Hello!'中的字符數是6：

const message = 'Hello!';message.length; // => 6

如果string中的字符都是ASCII字符，那么通過可見字符的方式對string建模效果很不錯。

但是，如果string中出現了更加復雜的字符，比如，，，這時候會出現意想不到的的問題。

const smile = '';smile.length; // => 2

怎么會這樣呢?

這是因為JavaScript將字符串視為碼元(code unit)序列，而不是可見字符序列。

讓我們更詳細地了解JavaScript中的字符串。

按碼元建模

The String type is the set of all ordered sequences of zero or more 16-bit unsigned integer values (“elements”). The String type is generally used to represent textual data in a running ECMAScript program, in which case each element in the String is treated as a UTF-16 code unit value.

簡而言之，JavaScript中的string是一個數字序列。如果用UTF-16編碼的碼元來表示'Hello!'這個字符串：

const message = 'Hello!';message === 'Hello!'; // => truemessage.length; // => 6

因為具有6個碼元，這對應于'Hello!'字符串中可見字符的數量。

基本多文種平面(Basic Multilangual Plane)中的字符使用一個UTF-16碼元進行編碼，但是非基本多文種平面(non-Basic Multilangual Plane)則使用一對不可分割的碼元進行編碼。

const smile = '��';smile === ''; // => truesmile.length; // => 2

該序列��是一個特殊的對，稱為代理對(surrogate pair)。

字符串迭代器認識代理對。當您調用字符串迭代器時(例如，使用spread運算符)...，它將代理對視為一個長度單位：

const message = 'Hello!';const smile = '';[...message].length; // => 6[...smile].length; // => 1

總結

以上是生活随笔為你收集整理的string 字符串中字符无效_JavaScript中的字符串（string）到底是什么？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。