JS字符串统计操作示例【遍历,截取,输出,计算】


Posted in Javascript onMarch 27, 2017

本文实例讲述了JS字符串统计操作。分享给大家供大家参考,具体如下:

<!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>

记录字符串中每一项,并且记录个数。

运行效果图如下:

JS字符串统计操作示例【遍历,截取,输出,计算】

PS:这里再为大家推荐2款非常方便的统计工具:

在线字数统计工具:
http://tools.3water.com/code/zishutongji

在线字符统计与编辑工具:
http://tools.3water.com/code/char_tongji

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
使用typeof方法判断undefined类型
Sep 09 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
设置点击文本框或图片弹出日历控件的实现代码
May 12 Javascript
Javascript动画效果(2)
Oct 11 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
简述JS控制台的使用
Jul 15 Javascript
js实现延迟加载的几种方法详解
Jan 19 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
Oct 17 Javascript
vue data有值,但是页面{{}} 取不到值的解决
Nov 09 Javascript
vue 使用localstorage实现面包屑的操作
Nov 16 Javascript
JS简单实现数组去重的方法示例
Mar 27 #Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 #jQuery
基于JavaScript实现焦点图轮播效果
Mar 27 #Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 #Javascript
JS闭包用法实例分析
Mar 27 #Javascript
vue 2.0组件与v-model详解
Mar 27 #Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 #Javascript
You might like
Content-type 的说明
2006/10/09 PHP
PHP和JavaScrip分别获取关联数组的键值示例代码
2013/09/16 PHP
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
PHP7如何开启Opcode打造强悍性能详解
2018/05/11 PHP
基于jquery的图片懒加载js
2010/06/30 Javascript
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
AngularJS遍历获取数组元素的方法示例
2017/11/11 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
原生JavaScript实现弹幕组件的示例代码
2020/10/12 Javascript
利用Python自带PIL库扩展图片大小给图片加文字描述的方法示例
2017/08/08 Python
Python爬虫实现抓取京东店铺信息及下载图片功能示例
2018/08/07 Python
Python面向对象思想与应用入门教程【类与对象】
2019/04/12 Python
python pandas模块基础学习详解
2019/07/03 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
Python笔记之facade模式
2019/11/20 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
深入浅析Python代码规范性检测
2020/07/31 Python
python中requests模拟登录的三种方式(携带cookie/session进行请求网站)
2020/11/17 Python
纯css3制作的火影忍者写轮眼开眼至轮回眼及进化过程实例
2014/11/11 HTML / CSS
深入剖析HTML5 内联框架iFrame
2016/05/04 HTML / CSS
VisionPros美国站:加拿大在线隐形眼镜和眼镜零售商
2020/02/11 全球购物
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
通信生自我鉴定
2014/01/18 职场文书
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
婚礼答谢词
2015/01/04 职场文书
2015法院个人工作总结范文
2015/05/25 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
环保建议书范文
2015/09/14 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
2019员工保密协议书(3篇)
2019/09/23 职场文书
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android
Vue2.0搭建脚手架
2022/03/13 Vue.js