JavaScript獲取字符串實際長度(包含中英文)

Posted on by

日常開發過程中，經常會遇到需要計算字符串的實際長度(包含中英文)，今天整理下我平時使用的方法:

方法一:使用charCodeAt()來判斷字符編碼

charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個返回值是 0 – 65535 之間的整數。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
    /**
     * 獲取字符串實際長度(包含中英文)
     * @param str  要獲得長度的字符串
     */
    var zfc = {};
    zfc.getStringLength = function (str) {
      var realLength = 0, len = str.length, charCode = -1;
      for (var i = 0; i < len; i++) {
        charCode = str.charCodeAt(i);
        if (charCode >= 0 && charCode <= 128)
          realLength += 1;
        else
          realLength += 2;
      }
      return realLength;
    };
    console.log(zfc.getStringLength('aaa獲取字符sfdsf串實際長度(包含中英文)sdfdsf'))
  </script>
</head>
<body>
 
</body>
</html>

方法二: 簡化版使用charCodeAt()來判斷字符編碼

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
    /**
     * 獲取字符串實際長度(包含中英文)
     * @param str  要獲得長度的字符串
     */
    var zfc = {};
    zfc.getStringLength = function (str) {
      var len = str.length;
      var realLength = 0;
      for (var i = 0; i < len; i++) {
        if ((str.charCodeAt(i) & 0xff00) != 0) {
          realLength++;
        }
        realLength++;
      }
      return realLength;
    };
    console.log(zfc.getStringLength('aaa獲取字符sfdsf串實際長度(包含中英文)sdfdsf'))
  </script>
</head>
<body>
 
</body>
</html>

方法三: 先把中文替換成兩個字節的英文，再計算長度（推薦使用）

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
    /**
     * 獲取字符串實際長度(包含中英文)
     * @param str  要獲得長度的字符串
     */
    var zfc = {};
    zfc.getStringLength = function (str) {
      return str.replace(/[\u0391-\uFFE5]/g, 'aa').length;
    };
    console.log(zfc.getStringLength('aaa獲取字符sfdsf串實際長度(包含中英文)sdfdsf'))
  </script>
</head>
<body>
 
</body>
</html>

到此這篇關於JavaScript獲取字符串實際長度的文章就介紹到這瞭。希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：