看到了匹配，第一个想到了用正则表达式，哈哈，果然很方便。不过正则表达式高深莫测！我还没有研究明白啊。。目前学了点皮毛。代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title> new document </title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <meta name="generator" content="editplus" />

  <meta name="author" content="" />

  <meta name="keywords" content="" />

  <meta name="description" content="" />

 </head>

 <body>

  <script language="javascript">

    function countChar(){

    //document.getElementById("counterzj").innerHTML= document.getElementById("status").value.length;

    var nums = document.getElementById('status').value;

    var zj=nums.replace(/[^\S]/g,"");

    document.getElementById("counterzj").innerHTML= zj.length;

    var sz = nums.replace(/[^0-9]/g,"");

    document.getElementById('countersz').innerHTML = sz.length;

    var hs = nums.replace(/[^\n]/g,"");

    document.getElementById('counterhs').innerHTML = hs.length+1; 

    var zm = nums.replace(/[^a-z]/ig,"");

    document.getElementById('counterzm').innerHTML = zm.length;

    var hz=nums.replace(/[^\u4e00-\u9fff]/g,"")

    document.getElementById('counterhz').innerHTML = hz.length;

    }

</script>

<button type='button' onclick="countChar()">开始生成题目</button><br>

字节数：<span id="counterzj"></span><br>

数字数：<span id="countersz"></span><br>

字母数：<span id="counterzm"></span><br>

行数：<span id="counterhs"></span><br>

汉字数：<span id="counterhz"></span><br>

<textarea id="status"cols="50" rows="30">

</textarea>

 </body>

</html>

代码解释：

1、var zj=nums.replace(/[^\S]/g,"");   获取nums中的所有非空白字符，replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。这样读取zi的长度就知道了字节的长度。

^符号用于匹配一行的开头。g用于全文查找出现的所有匹配字符。\S就是匹配所有非空白字符。

2、var sz = nums.replace(/[^0-9]/g,""); 其他同上，0-9用于匹配数字。

3、var hs = nums.replace(/[^\n]/g,""); 其他同1，\n用于匹配换行符。

4、var zm = nums.replace(/[^a-z]/ig,""); 其他同1，a-z用于匹配所有a-z的字母，i表示不区分大小写。

5、var hz=nums.replace(/[^\u4e00-\u9fff]/g,"");其他同1，\u4e00-\u9fff用于表示所有汉字，u4e00到u9fff是汉字的Unicode码值范围。

最后将上述五项的长度输出就行。代码演示如下：

开始生成题目
字节数：
数字数：
字母数：
行数：
汉字数：

代码目前肯定存在诸多的bug，还有不足之处，目前正在改善。并且在想方法匹配单词和注释。

可以进一下网页查看代码：

我的代码

JS 实现计算一段文字中的字节数，字母数，数字数，行数，汉字数。的更多相关文章

  1. js或者jq判断一段文字中是否有自己想要的那几个字，如果有就把那几个字变成红色

    如何判断一段文字中是否有自己想要的那几个字,如果有就把那几个字变成红色(在html中)比如有body中有这么一串文字“驾驶的后视镜的华盛顿”,想要判断里面是否有“驾驶”这两个字,如果有就把这两个字变成 ...

  2. 一段文字中的几个keyword显示高亮

    将一段文字中的几个keyword显示高亮 演示样例:将"我的愿望是当个绿巨人,所以我想让我的皮(derma)肤是绿色"中的"皮肤"显示绿色. <span ...

  3. C++统计一段文字中各单词出现的频率

    #include <iostream> using namespace std; /* run this program using the console pauser or add y ...

  4. js 小数计算为啥和想象中不一样！

    今天遇到了一个比较有趣的事,如果要你计算0.1+0.2等于多少你会怎么回答? "0.3啊!"你可能都不会考虑.我也一样,当a=0.1,b=0.2时 if(a+b === 0.3){ ...

  5. 统计一段文字中出现频率最高的10个单词（c语言）

    注:这次使用C语言做的这个程序.个别不懂的地方和算法部分是请教的其他同学,交流并吸收,所以收获颇多! 在程序中每一个地方我都做了注释,方便同学之间交流.也让老师容易看.程序也有很多不足的地方,但限于本 ...

  6. JS如何截取一段字符中，某一个字符的前面和后面的字符

    比如这里的1992631934@qq.com如何获取到@前面的1992631934和@后面的qq.com js代码如下: var mail="1992631934@qq.com" ...

  7. js replace替换一段文本中所有的相同字符

    在html<textarea>标签中回车换行的代码是: \n,html编辑器的回车换行是:\r\n或是\n. 下图是存入后台的<textarea>的文本,需要在页面上显示出来, ...

  8. 从一段文字中提取出uri信息

    package handle.groupby; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io ...

  9. unity插件，从一段文字中提取中文并去重

    using System.Collections.Generic; using System.Text.RegularExpressions; using UnityEditor; using Uni ...

随机推荐

  1. 用Python做股市数据分析（一）

    本文由 伯乐在线 - 小米云豆粥 翻译.未经许可,禁止转载!英文出处:Curtis Miller.欢迎加入翻译组. 这篇博文是用Python分析股市数据系列两部中的第一部,内容基于我犹他大学 数学39 ...

  2. Python基础知识：测试代码

    1.Python标准库中的模块unittest提供了代码测试工具. 单元测试用于核实函数的某个方面没有问题: 测试用例是一组单元测试,这些单元测试一起核实函数在各种情形下的行为都符合要求. 通俗的理解 ...

  3. logstash之input、codec学习

    Logstash最强大的功能在于丰富的过滤器插件.此过滤器提供的并不单单是过滤的功能,还可以对进入过滤器的原始数据进行复杂的逻辑处理.甚至添加独特的事件到后续流程中. 1.logstash基本语法组成 ...

  4. banner图片全屏显示

    <script> $(function () { function reinitSize() { var window_h = $(window).height(); var window ...

  5. Beta冲刺！ Day2 - 砍柴

    Beta冲刺! Day2 - 砍柴 今日已完成 晨瑶:大致确定了文章推荐的算法思路(Content-based recommender):理清了不少feature的事宜 昭锡:修复了日期选择越界时导致 ...

  6. Semaphore实现的生产者消费者程序

    Semaphore:Semaphores are often used to restrict the number of threads than can access some (physical ...

  7. 1092 回文字符串（LCSL_DP）

    1092 回文字符串 基准时间限制:1 秒 空间限制:131072 KB 分值: 10 难度:2级算法题 收藏 关注 回文串是指aba.abba.cccbccc.aaaa这种左右对称的字符串.每个字符 ...

  8. oracle12C 创建PDB

    1.根据数据库现有模板创建PDB CREATE PLUGGABLE DATABASE ssptrad ADMIN USER sspIDENTIFIED BY oracle roles=(dba) fi ...

  9. Echo团队Alpha冲刺随笔 - 第三天

    项目冲刺情况 进展 完成了三分一左右,前端整体页面框架已有,后端也在稳步推进 问题 今天问题较少,主要还是出在对于框架的掌握上 心得 继续加油! 今日会议内容 黄少勇 今日进展 实现社区公告,个人信息 ...

  10. C#中的位的或运算的理解

    如果懂位的运算,看到下面这2个程序执行的结果,会很容易理解,如果像我这样的菜鸟,刚接触开始肯定也觉得晕晕的,|= 这是什么运算符? |=就是位的或运算符,下面还是用上面的程序来讲解一下,为什么上面2个 ...