统计jQuery中各字符串出现次数的工具 |
|
本文标签：字符串,次数 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>工具：统计jQuery中各字符串出现次数</title> <script src="http://demo.jb51.net/jslib/jquery/jquery.js" type="text/javascript"></script> </head> <body> <p>源文件(将jQuery源码复制到下面的文本域)：</p> <p><textarea id="myjquery" style="width: 510px; height: 250px; padding: 2px;">..</textarea></p> <p><input id="mybtn2" style="position: relative; left: 349px;" type="button" value="统计所有字符串出现次数" /></p> <div id="myshow2" style="width: 500px; height: 250px; border: 1px dotted #8B8D72; overflow: auto; padding: 5px;"> </div> <p> </p> <p><label for="myinput">字符串：<input id="myinput" type="text" /> <input id="mybtn1" style="position: relative; left: 130px;" type="button" value="统计单个字符串出现次数" /> </label></p> <div id="myshow1" style="width: 500px; height: 100px; border: 1px dotted #8B8D72; overflow: auto; padding: 5px;"> </div> <p> </p> <p>点击“统计所有字符出现次数”按钮后发现，字符串“string”竟然出现了44次，多数是诸如以下的代码</p> <div class="cnblogs_Highlighter"> <pre class="brush:javascript;gutter:true;">typeof selector === "string" typeof data !== "string" type === "string" typeof context === "string" getByName = typeof name === "string" // ... </pre> </div> <p> </p> <p>如果使用一个变量替换，使用工具压缩时将会进一步减少文件的大小 。</p> <p> </p> <p> </p> <script type="text/javascript">// <![CDATA[ setTimeout(function(){ function buildRe(keywords) { var rObj = {}; if (keywords.constructor !== Array) { return; } keywords.forEach(function(it) { rObj[it] = RegExp(+it, g); }); return rObj; } function count(rObj, source, callback, sortType) { var r, rarr, num, type, func, result = []; var subCount = function(arr) { var i, re, num, resu; i = num = 0; for (i; i<arr.length; i++) { re = arr[i]; while( (resu=re.exec(source)) != null ) { num++; } } return num; }; for (type in rObj) { rarr = rObj[type]; if (rarr.constructor !== Array) { rarr = [rarr]; } num = subCount(rarr); result.push({type: type, num: num}); } // sort 0:次数顺序 1:次数倒序 if (typeof sortType !== undefined) { if (sortType===0) { func = function(a, b) { return a.num - b.num; }; } else if (sortType===1) { func = function(a, b) { return b.num - a.num; }; } result.sort(func); } callback(result); } function main(keywords, source, callback, sortType) { var rObj = keywords.constructor === Array ? buildRe(keywords) : keywords; count(rObj, source, callback, sortType); } var rObj = { string: [/\string\/g, /\"string\"/g], number: [/\number\/g, /\"number\"/g], boolean: [/\boolean\/g, /\"boolean\"/g], object: [/\object\/g, /\"object\"/g], undefined: [/\undefined\/g, /\"undefined\"/g], function: [/\function\/g, /\"function\"/g], array: [/\array\/g, /\"array\"/g], ready: [/\ready\/g, /\"ready\"/g], input: [/\input\/g, /\"input\"/g], type: [/\type\/g, /\"type\"/g], text: [/\text\/g, /\"text\"/g], radio: [/\radio\/g, /\"radio\"/g], checkbox: [/\checkbox\/g, /\"checkbox\"/g], password: [/\password\/g, /\"password\"/g], submit: [/\submit\/g, /\"submit\"/g], button: [/\button\/g, /\"button\"/g], id: [/\id\/g, /\"id\"/g], div: [/\div\/g, /\"div\"/g], body: [/\body\/g, /\"body\"/g], html: [/\html\/g, /\"html\"/g], HTML: [/\HTML\/g, /\"HTML\"/g], parentNode: [/\parentNode\/g, /\"parentNode\"/g], nextSibling: [/\nextSibling\/g, /\"nextSibling\"/g], iframe: [/\iframe\/g, /\"iframe\"/g], before: [/\before\/g, /\"before\"/g], after: [/\after\/g, /\"after\"/g], script: [/\script\/g, /\"script\"/g], width: [/\width\/g, /\"width\"/g], height: [/\height\/g, /\"height\"/g], top: [/\top\/g, /\"top\"/g], left: [/\left\/g, /\"left\"/g], absolute: [/\absolute\/g, /\"absolute\"/g], relative: [/\relative\/g, /\"relative\"/g], static: [/\static\/g, /\"static\"/g], fixed: [/\fixed\/g, /\"fixed\"/g], href: [/\href\/g, /\"href\"/g], border: [/\border\/g, /\"border\"/g], margin: [/\margin\/g, /\"margin\"/g], marginTop: [/\marginTop\/g, /\"marginTop\"/g], marginBottom: [/\marginBottom\/g, /\"marginBottom\"/g], marginLeft: [/\marginLeft\/g, /\"marginLeft\"/g], marginRight: [/\marginRight\/g, /\"marginRight\"/g], padding: [/\padding\/g, /\"padding\"/g], paddingTop: [/\paddingTop\/g, /\"paddingTop\"/g], paddingLeft: [/\paddingLeft\/g, /\"paddingLeft\"/g], paddingRight: [/\paddingRight\/g, /\"paddingRight\"/g], display: [/\display\/g, /\"display\"/g], olddisplay: [/\olddisplay\/g, /\"olddisplay\"/g], none: [/\none\/g, /\"none\"/g], hidden: [/\hidden\/g, /\"hidden\"/g], inline: [/\inline\/g, /\"inline\"/g], opacity: [/\opacity\/g, /\"opacity\"/g], show: [/\show\/g, /\"show\"/g], hide: [/\hide\/g, /\"hide\"/g], toggle: [/\toggle\/g, /\"toggle\"/g], json: [/\json\/g, /\"json\"/g], success: [/\success\/g, /\"success\"/g], fxshow: [/\fxshow\/g, /\"fxshow\"/g], fx: [/\fx\/g, /\"fx\"/g], .run: [/\.run\/g, /\".run\"/g], http:: [/\http:\/g, /\"http:\"/g], error: [/\error\/g, /\"error\"/g], abort: [/\abort\/g, /\"abort\"/g], GET: [/\GET\/g, /\"GET\"/g], POST: [/\POST\/g, /\"POST\"/g], get: [/\get\/g, /\"get\"/g], filter: [/\filter\/g, /\"filter\"/g], px: [/\px\/g, /\"px\"/g] }; function callback1(result) { var obj = result[0]; var myshowEL = $(#myshow1); myshowEL = myshowEL.empty(); myshowEL.append(<div> + obj.type + : <span style="color: blue;"> + obj.num + </span></div>); } function callback2(result) { var myshowEL = $(#myshow2); myshowEL = myshowEL.empty(); for (var i=0; i<result.length; i++) { var obj = result[i]; myshowEL.append(<div>" + obj.type + ": <span style="color: blue;"> + obj.num + </span></div>); } } $(#mybtn1).click(function(){ var $txtarea = $(#myjquery); var source = $txtarea.val(); var val = $(#myinput).val(); if (val == || val.length<2) { alert(至少两个字符); return; } var keywords = [val]; main(keywords, source, callback1, 1) }); $(#mybtn2).click(function(){ var $txtarea = $(#myjquery); var source = $txtarea.val(); main(rObj, source, callback2, 1); }); }, 1000); // ]]></script> </body> </html> |
