統(tǒng)計(jì)jQuery中各字符串出現(xiàn)次數(shù)的工具
更新時(shí)間:2012年05月03日 20:31:56 作者:
如果使用一個(gè)變量替換,使用工具壓縮時(shí)將會(huì)進(jìn)一步減少文件的大小
復(fù)制代碼 代碼如下:
<!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>工具:統(tǒng)計(jì)jQuery中各字符串出現(xiàn)次數(shù)</title>
<script src="http://demo.jb51.net/jslib/jquery/jquery.js" type="text/javascript"></script>
</head>
<body>
<p>源文件(將jQuery源碼復(fù)制到下面的文本域):</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="統(tǒng)計(jì)所有字符串出現(xiàn)次數(shù)" /></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="統(tǒng)計(jì)單個(gè)字符串出現(xiàn)次數(shù)"
/> </label></p>
<div id="myshow1" style="width: 500px; height: 100px; border: 1px dotted #8B8D72; overflow: auto; padding: 5px;"> </div>
<p> </p>
<p>點(diǎn)擊“統(tǒng)計(jì)所有字符出現(xiàn)次數(shù)”按鈕后發(fā)現(xiàn),字符串“string”竟然出現(xiàn)了44次,多數(shù)是諸如以下的代碼</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>如果使用一個(gè)變量替換,使用工具壓縮時(shí)將會(huì)進(jìn)一步減少文件的大小。</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:次數(shù)順序 1:次數(shù)倒序
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('至少兩個(gè)字符');
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>
您可能感興趣的文章:
相關(guān)文章
jquery實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全功能示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全功能,大家參考使用吧2014-02-02jQuery實(shí)現(xiàn)的簡(jiǎn)單動(dòng)態(tài)添加、刪除表格功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單動(dòng)態(tài)添加、刪除表格功能,涉及jQuery事件響應(yīng)及表格元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-09-09jQuery實(shí)現(xiàn)滑動(dòng)tab選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)滑動(dòng)tab選項(xiàng)卡,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08jQuery插件HighCharts繪制2D柱狀圖、折線圖的組合雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D柱狀圖、折線圖的組合雙軸圖效果,結(jié)合實(shí)例形式分析了jQuery使用HighCharts插件同時(shí)繪制柱狀圖、折線圖的組合雙軸圖實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery中removeClass()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeClass()方法用法,實(shí)例分析了removeClass()方法的功能、定義及從匹配元素刪除一個(gè)或多個(gè)類的使用技巧,需要的朋友可以參考下2015-01-01