JavaScript(JS) 透過 正則表達式(正規表示式) 計算 中英數字的實際寬度(中文算2個字)

資料來源: https://blog.typeart.cc/JavaScript%E8%A8%88%E7%AE%97%E5%90%AB%E4%B8%AD%E8%8B%B1%E6%96%87%E5%AD%97%E7%9A%84%E5%AD%97%E4%B8%B2%E9%95%B7%E5%BA%A6/

Code

01.直接註冊原型函式，語法如下：

//直接註冊原型函式，語法如下：
String.prototype.len=function(){ 
	return this.replace(/[^\x00-\xff]/g,"xx").length; 
}

"中文abc".len();  // return 7

02.函數模式：

//若不註冊，只想當一般function呼叫使用
function len(str){ 
	return str.replace(/[^\x00-\xff]/g,"xx").length;
}

len("中文abc"); //return 7

PS.正規表示式/ 正規表達式教學

. 點，匹配任何字符
^ 開始錨，匹配字符串的開頭
$ 結束錨，匹配字符串的結尾
* 星號，匹配零個或多個（貪婪）
+ 加號，匹配一個或多個（貪婪）
？ 問題，匹配零或一（非貪婪）
[abc] 字符類，如果{‘a’，’b’，’c’}中的一個匹配則匹配
[^abc] 反相的類，如果不是{‘a’，’b’，’c’}中的一個，則匹配。注意：此功能當前在某些字符範圍內無效！
[a-zA-Z] 字符範圍，範圍的字符集{a-z | A-Z}
\s 空格，\t \f \r \n \v和空格
\S 非空白
\w 字母數字，[a-zA-Z0-9_]
\W 非字母數字
\d 位數字，[0-9]
\D 非數字

. Dot, matches any character
^ Start anchor, matches beginning of string
$ End anchor, matches end of string
* Asterisk, match zero or more (greedy)
+ Plus, match one or more (greedy)
? Question, match zero or one (non-greedy)
[abc] Character class, match if one of {‘a’, ‘b’, ‘c’}
[^abc] Inverted class, match if NOT one of {‘a’, ‘b’, ‘c’} NOTE: This feature is currently broken for some usage of character ranges!
[a-zA-Z] Character ranges, the character set of the ranges { a-z | A-Z }
\s Whitespace, \t \f \r \n \v and spaces
\S Non-whitespace
\w Alphanumeric, [a-zA-Z0-9_]
\W Non-alphanumeric
\d Digits, [0-9]
\D Non-digits