JavaScript字符串统计与遍历操作示例

作者:纸飞机时间:2026-10-22 01:46:22浏览:410

本文通过具体代码示例,演示了JavaScript中字符串的统计与遍历操作。内容涵盖使用charAt和indexOf进行字符定位,以及利用对象记录各项字符及其出现个数,并展示最终统计结果的输出方式。

JavaScript字符串统计与遍历操作示例

本文通过具体代码示例,介绍JavaScript中字符串的统计操作方法,供读者参考。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>JS字符串</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script>
var str = "aaddaabbcdddefg";
console.log(str.charAt(7)); //b 没有返回空不是null
console.log(str.indexOf('p')); //1 没有返回-1
var obj = {};
for (var i = 0; i < str.length; i++) {
 var v = str.charAt(i);
 if (obj[v] && obj[v].value == v) {
  obj[v].count++;
 } else {
  obj[v] = {};
  obj[v].count = 1;
  obj[v].value = v;
 }
}
console.log(obj); //true
//obj = {a:object,b:object,c:object}
for (key in obj) {
 document.write(obj[key].value + '=' + obj[key].count + '&nbsp;'); // a=4 b=3 c=4 d=2 f=1 g=1 h=1 
}
</script>
</body>
</html>

主要目标是遍历字符串中的每一项,并统计记录每个字符出现的次数。

运行效果如下图所示:

JavaScript字符串统计与遍历操作示例

此外,推荐两款实用的在线统计工具:

在线字数统计工具: http://tools.jb51.net/code/zishutongji

在线字符统计与编辑工具: http://tools.jb51.net/code/char_tongji

如需了解更多JavaScript相关知识,可参考本站相关专题,如《JavaScript数学运算用法总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript遍历算法与技巧总结》。

希望上述内容对您的JavaScript编程有所帮助。

作者最新文章