javascript中使用正则计算中文长度的例子

2013-10-04  来源:本站原创  分类:javascript技巧  人气:19 

这篇文章主要介绍了javascript中使用正则计算中文长度的例子,需要的朋友可以参考下

由于javascript是unicode编码的,所有的字符对于它来说一个就是一个,但是后台程序不是,通常在后台程序中一个中文是占两个字节的,这就导致了前后端校验长度不一致,这个问题可以通过正则来解决。

function getRealLen( str ) {
    return str.replace(/[^\x00-\xff]/g, '__').length; //这个把所有双字节的都给匹配进去了
}

附赠另一小则技巧:

有时候为了美观,不影响布局和界面,会以一些文案进行截字,但是中文的宽度和英文的宽度不一样,如果按照英文标准来截中文的,或者按中文标准截英文的,显然会忽长忽短,特别是昵称这类容易既有中文又有英文的东西,同样我们可以用上面的思路

复制代码 代码如下:

function beautySub( str, len) {
       var reg = /[\u4e00-\u9fa5]/g,    //专业匹配中文
           slice = str.substring(0,len),
           realen = len - ( ~~( slice.match(reg) && slice.match(reg).length ) );
           return slice.substring(0, realen ? realen : 1);
}

这里我们认为一个中文字符是两个英文字符的宽度,如果你是完美主义者,应该想到j和w,m的宽度是不一样的,w和m以及大写的部分字母和中文的宽度是一致的,这个函数的正则还有相当大的改进空间,同时也可以指定截字的起始位置。

相关文章
  • javascript中使用正则计算中文长度的例子 2013-10-04

    这篇文章主要介绍了javascript中使用正则计算中文长度的例子,需要的朋友可以参考下 由于javascript是unicode编码的,所有的字符对于它来说一个就是一个,但是后台程序不是,通常在后台程序中一个中文是占两个字节的,这就导致了前后端校验长度不一致,这个问题可以通过正则来解决. function getRealLen( str ) { return str.replace(/[^\x00-\xff]/g, '__').length; //这个把所有双字节的都给匹配进去了 } 附赠另一

  • JavaScript中使用stopPropagation函数停止事件传播例子 2014-02-05

    这篇文章主要介绍了JavaScript中使用stopPropagation函数停止事件传播例子,即阻止事件冒泡的一个方法,需要的朋友可以参考下 JS中的事件默认是冒泡方式,逐层往上传播,可以通过stopPropagation()函数停止事件在DOM层次中的传播.如以下例子: HTML代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>stopPro

  • javascript中日期转换成时间戳的小例子 2015-01-19

    javascript中日期转换成时间戳的小例子,需要的朋友可以参考一下 /** * 日期转化成时间戳 * 日期格式 2011-02-02 21:12:13 * time_str:日期段 2011-02-02 * fix_time:时间段 21:12:13 */ function strtotime(time_str, fix_time) { var time = (new Date()).getTime(); if(time_str) {//有日期段 var str = time_str.spl

  • VIM中使用正则匹配中文 2014-11-06

    众所周知,使用JS的正则对中文进行验证时,可以使用: /[\u4e00-\u9fa5]+/.test('中文') 但是在VIM中再使用这个正则时,则会提示无法找到匹配项 E384: 已查找到文件开头(结尾)仍找不到[\u4e00-\u9fa5]+ 实际上,VIM的在进行搜索时,有一个'magic'设置,当magic设置为不同的情况时(默认的设置是magic),正则表达式的写法是不同的: magic: 除了`^.*$`之外所有的字符都需要加反斜杠 nomagic: 除了`^$`之外所有的字符都需要

  • JavaScript中使用正则匹配多条,且获取每条中的分组数据 2014-10-29

    该问题在使用Ajax远程获取某网页数据时经常遇见 如果目标页面是XML,就好办了,实用XMLDOM可以很轻松完成任务. 不过我要面对的是一个很松散的HTML页面,无法XML 因此,本文的重点在于如果要获取的网页中有Table或List段落,需要将这些段落的信息按照列的方式保存到JS的数组中 直接贴代码: var str = "字符串字符串<table><tr><th>ID</th><th>姓名</th><th>电

  • php计算中文长度函数 2014-09-24

    function getlen($str) { if(strtolower(UC_CHARSET) != 'utf-8') { return strlen($str); } $count = 0; for($i = 0; $i < strlen($str); $i++) { $value = ord($str[$i]); if($value > 127) { $count++; if($value >= 192 && $value <= 223) $i++; els

  • 在javascript中如何得到中英文混合字符串的长度 2014-05-24

    本文为大家介绍下Javascript中如何得到中英文混合字符串的长度,下面有个不错的教程,感兴趣的朋友可以参考下 有同事在公司的OA上发了个贴子,介绍在javascript中如何得到中英文混合字符串的长度. 用的是正则表达式. var str = "坦克是tank的音译"; var len = str.match(/[^ -~]/g) == null ? str.length : str.length + str.match(/[^ -~]/g).length ; 我查了一下书,有点明

  • Javascript中得到中英文混合字符串的长度 2014-10-27

    有同事在公司的OA上发了个贴子,介绍在javascript中如何得到中英文混合字符串的长度. 用的是正则表达式. var str = "坦克是tank的音译"; var len = str.match(/[^ -~]/g) == null ? str.length : str.length + str.match(/[^ -~]/g).length ; 我查了一下书,有点明白了: 西文常用字符集由空格" "(0x20)到"~"(0x7e)构成,汉

  • JavaScript中提前声明变量或函数例子 2014-04-06

    这篇文章主要介绍了JavaScript中提前声明变量或函数的例子,本文介绍的可以说是一种小技巧或者说一种特性,需要的朋友可以参考下 如题所示,看下面的示例. (可以使用Chrome浏览器,然后F12/或者右键,审查元素.调出开发者工具,进入控制台console输入) (使用技巧: 控制台输入时Shift+Enter可以中途代码换行) var name = "xiaoming"; (function(){ var name = name || "小张"; consol

  • 深入理解Javascript中this的作用域 2014-06-20

    这篇文章主要介绍了深入理解Javascript中this的作用域,本文用大量例子来深入探讨this的作用域,需要的朋友可以参考下 大家在使用Javascript的时候经常被this这个家伙搞得晕头转向的.对大多数有OOP开发经验的开发人员来说this是当前作用域中引用普通元素的标识符,但是在Javascript中它却显得古灵精怪的,因为它不是固定不变的,而是随着它的执行环境的改变而改变.在Javascript中this总是指向调用它所在方法的对象. 举一个简单的例子: function test

  • js计算字符串长度包含的中文是utf8格式 2014-07-13

    使用js写的计算字符串长度且其中中文是utf8格式的,具体的实现如下,感兴趣的朋友可以参考下 方法一: function byteLength(str) { var byteLen = 0, len = str.length; if( !str ) return 0; for( var i=0; i<len; i++ ) byteLen += str.charCodeAt(i) > 255 ? 2 : 1; return byteLen; } 说明:byteLength(str) 参数: st

  • 巧解 JavaScript 中的嵌套替换(强大正则) 2014-07-24

    如何仅使用JavaScript支持的正则语法,将有嵌套的内容替换 网友wys提问:如何仅使用JavaScript支持的正则语法,将 <p> <table> <p> <p> </table> <table> <p> <p> </table> <p> 中<table>...</table>之间的<p>都替换为<br/>? 思考 该问题的难点之一

  • php中计算未知长度的字符串哪个字符出现的次数最多的代码 2014-03-07

    php中计算未知长度的字符串哪个字符出现的次数最多的代码,需要的朋友可以参考下 用到的函数: str_split:把字符串分割到数组中.类似的函数explode() 函数把字符串分割为数组.array_count_values:用于统计数组中所有值出现的次数. arsort:对数组进行逆向排序并保持索引关系. 主要用于对那些单元顺序很重要的结合数组进行排序.$str="asdfgfdas323344##$\$fdsdfg*$**$*$**$$443563536254fas";//任意长

  • java中计算字符串长度的方法及u4E00与u9FBB的认识 2014-08-11

    字符串采用unicode编码的方式时,计算字符串长度的方法找出UNICODE编码中的汉字的代表的范围"\u4E00" 到"\u9FBB"之间感兴趣的朋友可以参考本文,或许对你有所帮助 字符串采用unicode编码的方式时,计算字符串长度的方法找出UNICODE编码中的汉字的代表的范围"\u4E00" 到"\u9FBB"之间,由于一个汉字代表两个字符所以可以采用如下方法进行计算字符串的长度 public static int g

  • Shell脚本中计算字符串长度的5种方法 2014-09-25

    这篇文章主要介绍了Shell脚本中计算字符串长度的5种方法,来自于个人Shell脚本长期的开发经验,需要的朋友可以参考下 有时在Linux操作系统中需要计算某个字符串的长度,通过查询资料整理了下目前Shell中获取字符串的长度的多种方法,在这里分享给大家,方法如下: 方法1: 使用wc -L命令 wc -L可以获取到当前行的长度,因此对于单独行的字符串可以用这个简单的方法获取,另外wc -l则是获取当前字符串内容的行数. echo "abc" |wc -L 方法2: expr leng

  • JavaScript中使用replace结合正则实现replaceAll的效果 2014-10-24

    JavaScript 中使用 replace 达到 replaceAll的效果,其实就用利用的正则的全局替换. 方法: string.replace(new RegExp(oldString,"gm"),newString)) gm 分别代表: g=global, m=multiLine 大致上方法就是这样的,可以实现替换全部指定字串 另一个简单的验证JS的方法: 在浏览器地址栏输入 javascript:alert("abcabcabc".replace(new

  • php计算中文字符串的长度 2015-03-24

    直接上代码,原理见末尾原文链接: <?php function mbstrlen($str,$encoding="utf8") { if (($len = strlen($str)) == 0) { return 0; } $encoding = strtolower($encoding); if ($encoding == "utf8" or $encoding == "utf-8") { $step = 3; } elseif ($en

  • 了解 JavaScript 中的内置对象 2014-12-19

    所有编程语言都具有内部(或内置的)对象来创建 语言的基本功能.内部对象是 您编写自定义代码所用语言的基础, 该代码基于您的想象实现自定义功能.JavaScript 有许多 将其定义为语言的内部对象.本文介绍了一些 最常用的对象,并简要介绍了它们 有哪些功能以及如何使用这些功能. Number JavaScript Number 对象是 一个数值包装器.您可以将其与 new 关键词结合使用,并将其设置为一个稍后要在 JavaScript 代码中使用的变量: var myNumber = new N

  • JavaScript中Array 对象相关的几个方法 2013-10-31

    push 方法 将新元素添加到一个数组中,并返回数组的新长度值. arrayObj.push([item1 [item2 [. . . [itemN ]]]]) 参数 arrayObj 必选项.一个 Array 对象. item, item2,. . . itemN 可选项.该 Array 的新元素. 说明 push 方法将以新元素出现的顺序添加这些元素.如果参数之一为数组,那么该数组将作为单个元素添加到数组中.如果要合并两个或多个数组中的元素,请使用 concat 方法. 示例 <script

  • AJAX入门之深入理解JavaScript中的函数 2013-11-08

    概述 函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解.JavaScript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的.通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递.在继续讲述之前,先看一下函数的使用语法: function func1(-){-} var func2=function(-){-}; var func3=function func4(-){-}; var func5=new Functio