📌  相关文章
📜  字数统计 js - Javascript (1)

📅  最后修改于: 2023-12-03 15:09:21.046000             🧑  作者: Mango

字数统计 JS - JavaScript

在编程中，有时候需要对文本进行统计，特别是对字数的统计，因为字数统计常常关系到文章的篇幅、字数限制等。本文将介绍如何使用 JavaScript 对字符串进行字数统计。

实现方式

实现字数统计的方法多种多样，下面我们介绍两种常用的实现方式：

方法一：正则表达式

使用正则表达式匹配所有字符，然后计算字符个数即可。

function countWordsByRegExp(str) {
  var result = str.match(/[\u4e00-\u9fa5]|\w/g); // 匹配中文字符和单词字符
  return result ? result.length : 0;
}
方法二：循环遍历

使用循环遍历字符串中的每个字符，统计字符个数，注意需要过滤掉空格符等无效字符。

function countWordsByLoop(str) {
  var count = 0;
  for (var i = 0; i < str.length; i++) {
    if (str.charCodeAt(i) > 127 || str.charCodeAt(i) == 94) {
      count++;
    }
  }
  return count;
}
示例代码

下面是一个使用了方法一的示例代码，它能够统计输入框中文字的字数。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>字数统计</title>
</head>
<body>
  <textarea id="input" rows="10" cols="50"></textarea>
  <p id="count"></p>
  <script>
    var input = document.getElementById("input");
    var count = document.getElementById("count");
    input.oninput = function() {
      var str = input.value.trim();
      count.innerText = "字数：" + countWordsByRegExp(str);
    }
    function countWordsByRegExp(str) {
      var result = str.match(/[\u4e00-\u9fa5]|\w/g); // 匹配中文字符和单词字符
      return result ? result.length : 0;
    }
  </script>
</body>
</html>
总结

本文介绍了两种常用的 JavaScript 字数统计方法，并提供了一个示例代码，希望对你有所帮助。同时，我们也需要注意除了字数统计之外还应该对文本进行其他方面的处理，例如去除空格、回车等字符。