本文通过具体代码示例,演示了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 + ' '); // a=4 b=3 c=4 d=2 f=1 g=1 h=1
}
</script>
</body>
</html>
主要目标是遍历字符串中的每一项,并统计记录每个字符出现的次数。
运行效果如下图所示:

此外,推荐两款实用的在线统计工具:
在线字数统计工具: http://tools.jb51.net/code/zishutongji
在线字符统计与编辑工具: http://tools.jb51.net/code/char_tongji
如需了解更多JavaScript相关知识,可参考本站相关专题,如《JavaScript数学运算用法总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript遍历算法与技巧总结》。
希望上述内容对您的JavaScript编程有所帮助。