当前位置 : 主页 > 手机教程 > 手机资讯 >

JavaScript获取字符串实际长度(包含中英文)

来源:互联网 收集:自由互联 发布时间:2023-01-25
日常开发过程中,经常会遇到需要计算字符串的实际长度(包含中英文),今天整理下我平时使用的方法: 方法一:使用charCodeAt()来判断字符编码 charCodeAt() 方法可返回指定位置的字符的 U

日常开发过程中,经常会遇到需要计算字符串的实际长度(包含中英文),今天整理下我平时使用的方法:

方法一:使用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获取字符串实际长度的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持自由互联。

上一篇:Lottie动画前端开发使用技巧
下一篇:没有了
网友评论