JavaScript统计代码行数的两种实现方式

作者:半夏

时间:2026-10-22

浏览:519

本文介绍在JavaScript中统计代码行数的两种方法。传统方式通过遍历字符串中的换行符进行计数,而更高效的做法是将字符串按换行符分割为数组后直接获取长度。文章通过具体HTML与JS示例,展示了如何从文本框获取内容并计算行数,同时指出了处理最后一行空行时的细节调整。

文章目录

统计代码行数的基本思路

当一段代码包含数十行甚至上千个字符时,统计其行数是一个常见需求。实现这一功能的基本思路是将代码字符串转换为数组,然后返回该数组的长度即可得到行数。


传统遍历统计法

传统做法:



<textarea name="abc">


123456


789


</textarea>


<script type="text/javascript">


var counter = 0;


var str = abc.value;


for(i=0; i<str.length; i++)


{

if(str.substr(i,1)=="\n")


counter +=1;


}

alert(counter);


</script>


基于数组分割的高效实现

转为数组后效率就高了很多:



<textarea name="abc">


123456


789


</textarea>


<script type="text/javascript">


alert(abc.value.split("\n").length)


</script>


<textarea name="abc" style="width:480px; height:220px;">


system.println("hello world!")


alert("hello world!");


messagebox_ok("hello world")


msgbox("hello world!")


</textarea>


<script type="text/javascript">


alert("代码总行数:"+(abc.value.split("\n").length-1).toString())


</script>


实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章