JS代碼實現(xiàn)統(tǒng)計字符數(shù)的方法

2012/11/6 17:20:52作者：佚名來源：網(wǎng)絡

移動端

【實例名稱】

【實例描述】

用戶在文本框內(nèi)輸入英文字符時，可以根據(jù)用戶輸入計算每個字符的輸入數(shù)量。本例就學習這種計算方法。

【實例代碼】

<html>
<head>
<title>輸出測試-學無憂（wangbatian.cn）</title>
<script language="javascript">
    function cal()
    {
        var calTxtArr = [];              
//創(chuàng)建數(shù)組
for (var i = 0, s = document.all.myContent.value; i < s.length; ++i)
//遍歷文本中所有元素
        {
var c = s.charAt(i); 
//獲取指定元素
calTxtArr[c] = calTxtArr[c] == null ? 1 : calTxtArr[c] + 1;
//判斷是否已經(jīng)開始計算
        }
        var bufferArr = [];
        for (var c in calTxtArr) 
//如果已經(jīng)存在
        {
            bufferArr.push(c + ": " + calTxtArr[c]);
//添加到數(shù)組中
        }
        document.all.calTxt.value = bufferArr.join("\n");
//顯示在文本框內(nèi)，并換行
    }
</script>
</head>
<body>
輸入內(nèi)容：<br>
<textarea rows= "5" cols = "40" name = "myContent"></textarea>
<input type = "button" value = "開始計算" onclick = "cal()">
<br><br>
<textarea name = "calTxt" rows = "20" cols = "40" readonly>
</textarea>
</body>
</html>
 
 
【運行效果】

統(tǒng)計字符數(shù)的方法運行效果