50

检查文本区域值的换行符然后计算出现次数（如果有）的最佳方法是什么？

我的网页上的表单上有一个文本区域。我正在使用 JavaScript 来获取文本区域的值，然后检查它的长度。

例子

enteredText = textareaVariableName.val();
characterCount = enteredText.length; // One line break entered returns 1

如果用户在文本区域输入换行符，我上面的计算将换行符的长度设为 1。但是我需要将换行符的长度设为 2。因此我需要检查换行符和出现次数，然后将此添加到总长度上。

我想要实现的示例

enteredText = textareaVariableName.val();
characterCount = enteredText.length + numberOfLineBreaks;

在问这个问题之前，我的解决方案如下：

enteredText = textareaVariableName.val();
enteredTextEncoded = escape(enteredText);
linebreaks = enteredTextEncoded.match(/%0A/g);
(linebreaks != null) ? numberOfLineBreaks = linebreaks.length : numberOfLineBreaks = 0;

我可以看到对文本进行编码和检查%0A有点冗长，所以我寻求了一些更好的解决方案。感谢您的所有建议。

4

5 回答 5

74

您可以match在包含换行符的字符串上使用，并且该数组中的元素数量应对应于换行符的数量。

enteredText = textareaVariableName.val();
numberOfLineBreaks = (enteredText.match(/\n/g)||[]).length;
characterCount = enteredText.length + numberOfLineBreaks;

/\n/g是一个正则表达式，意思是“查找字符\n（换行符），并在全局范围内（跨越整个字符串）执行此操作。

该||[]部分以防万一没有换行符。Match 将返回null，因此我们改为测试空数组的长度以避免错误。

于 2012-06-08T14:22:41.687 回答
4

这是一种方法：

var count = text.length + text.replace(/[^\n]/g, '').length;

或者，您可以将所有“裸”\n字符替换为\r\n然后使用总长度。

于 2012-06-08T14:21:46.310 回答
4

我会使用正则表达式来做到这一点：

var inTxt = document.getElementById('txtAreaId').value;
var charCount = inTxt.length + inTxt.match(/\n/gm).length;

其中/\n/匹配换行符（显然）g是全局标志。m代表多线，在这种情况下你显然需要它......
或者，虽然我记得这有点慢：

var charCount = inTxt.length + (inTxt.split("\n").length);

编辑 刚刚意识到，如果没有匹配的换行符，这将吐出一个错误，所以最好这样做：

charCount = intTxt.length + (inTxt.match(/\n/) !== null ? inTxt.match(/\n/gm).length : 0);

或者类似的东西...

于 2012-06-08T14:22:09.270 回答
2

对于新的 JS 使用encodeURI()，因为escape()在 ECMAScript 1.5 中已弃用。

而是使用：
enteredText = textareaVariableName.val(); enteredTextEncoded = encodeURI(enteredText); linebreaks = enteredTextEncoded.match(/%0A/g); (linebreaks != null) ? numberOfLineBreaks = linebreaks.length : numberOfLineBreaks = 0;

于 2015-08-13T22:12:26.760 回答
2

您可以根据新行拆分文本：

let textArray = text.split(/^/gm)
console.log(textArray.length)
于 2021-04-03T13:15:20.390 回答