在javascript中如何得到中英文混合字符串的长度

 更新时间:2014年01月17日 15:35:29   作者:  
本文为大家介绍下Javascript中如何得到中英文混合字符串的长度,下面有个不错的教程,感兴趣的朋友可以参考下

有同事在公司的OA上发了个贴子,介绍在javascript中如何得到中英文混合字符串的长度。

用的是正则表达式。

复制代码 代码如下:

var str = ”坦克是tank的音译”;
var len = str.match(/[^ -~]/g) == null ? str.length : str.length + str.match(/[^ -~]/g).length ;

我查了一下书,有点明白了:

西文常用字符集由空格“ ”(0x20)到“~”(0x7e)构成,汉字会落在这个字符集外,而正则表达式[^ -~]表示除空格到“~”外的字符集。
复制代码 代码如下:

string.match(regex) 会以数组形式返回字符串string中匹配正则表达式regex的子串,所以,
str.match(/[^ -~]/g)会以数组的形式返回一个个汉字。例如
var str = "dd大哥";
//显示"大,哥",数组中返回两个汉字,数组长度为2
alert(str.match(/[^ -~]/g));

这样,var len = str.match(/[^ -~]/g) == null ? str.length : str.length + str.match(/[^ -~]/g).length ;就可以得到str的正确长度了。

在javascript中,一个汉字的长度也被计算为1,常常在提交到数据库中造成长度超标的错误,现在用这个方法,可以在提交前先检测一番了。

注:以上代码有些符号有问题,经修正后,改为如下函数。
复制代码 代码如下:

function get_strlength (str)
{
var len = 0;

if (str.match(/[^ -~]/g) == null)
{
len = str.length;
}
else
{
len = str.length + str.match(/[^ -~]/g).length;
}

return len;
}

相关文章

  • 一个通过script自定义属性传递配置参数的方法

    一个通过script自定义属性传递配置参数的方法

    编写了一个js插件,要使用该插件需要先在html中引入该插件Js,然后再添加一个script标签,在里面调用,需要的朋友可以看看
    2014-09-09
  • antd/fusion表格增加圈选复制功能思路详解

    antd/fusion表格增加圈选复制功能思路详解

    我们存在着大量在PC页面通过表格看数据业务场景,表格又分为两种,一种是antd / fusion这种基于dom元素的表格,另一种是通过 canvas 绘制的类似 excel 的表格,这篇文章主要介绍了antd/fusion表格增加圈选复制功能,需要的朋友可以参考下
    2023-09-09
  • 你可能不知道的JSON.stringify()详解

    你可能不知道的JSON.stringify()详解

    老司机们,你知道JSON.stringify还有第二个和第三个可选参数吗?它们是什么呢?是不是感到不可思议?下面这篇文章就来给大家介绍了一些你可能不知道的JSON.stringify的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2017-08-08
  • 微信小程序按钮点击动画效果的实现

    微信小程序按钮点击动画效果的实现

    这篇文章主要介绍了微信小程序按钮点击动画效果的实现,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • JS实现图片延迟加载并淡入淡出效果的简单方法

    JS实现图片延迟加载并淡入淡出效果的简单方法

    我们大家都知道,对于一个网站最占用带宽,最影响页面显示速度的东西就是图片。图片是很重要的,作为一个站长我们是千方百计的使用各种技巧来优化图片,但其实有一种简单的方法,只需要几行代码就能达到这种效果。同时还附加一种淡入淡出的显示效果,下面一起来看看。
    2016-08-08
  • javascript函数以及基础写法100多条实用整理

    javascript函数以及基础写法100多条实用整理

    100多个很有用的JavaScript函数以及基础写法汇总,在项目开发中经常会使用到,本文整理了一些,希望对你们有帮助
    2013-01-01
  • Bootstrap框架动态生成Web页面文章内目录的方法

    Bootstrap框架动态生成Web页面文章内目录的方法

    这篇文章主要介绍了Bootstrap框架动态生成Web页面文章内目录的方法,利用Bootstrap中的Affix和ScrollSpy插件便可以实现,需要的朋友可以参考下
    2016-05-05
  • IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法

    IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法

    这篇文章主要介绍了IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法,涉及IE浏览器配置与javascript事件处理操作技巧,需要的朋友可以参考下
    2019-06-06
  • 在多个页面使用同一个HTML片段的代码

    在多个页面使用同一个HTML片段的代码

    有一个比较复杂的HTML片段(A),如果把这个HTML片段嵌入到其他页面中(B,C,D....)。 问题的关键是在HTML片段中有大量的JavaScript逻辑需要处理,比如说分页,点击事件响应等。
    2011-03-03
  • 使用时间戳解决ie缓存的问题

    使用时间戳解决ie缓存的问题

    当编辑某条数据时,再回过头来进行编辑,会发现,里面的数据和没有编辑以前是一样的,这就是ie缓存的问题,下面是一个不错的解决方法
    2014-08-08

最新评论