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

更新時間：2022年06月21日 16:57:14 作者：小旭2021

這篇文章介紹了JavaScript獲取字符串實際長度(包含中英文)的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

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

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

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

<!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>

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

<!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>

到此這篇關(guān)于JavaScript獲取字符串實際長度的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: