動(dòng)態(tài)統(tǒng)計(jì)當(dāng)前輸入內(nèi)容的字節(jié)、字符數(shù)的實(shí)例詳解
動(dòng)態(tài)統(tǒng)計(jì)當(dāng)前輸入內(nèi)容的字節(jié)、字符數(shù)的實(shí)例詳解
看到網(wǎng)上有好多利用charAt方法，原理也很簡(jiǎn)單，用正則判斷是不是中文，如果是的話，字節(jié)數(shù)就加2，不是的話，字節(jié)數(shù)就加1。
后來(lái)發(fā)現(xiàn)另一種方式，由于一個(gè)漢字對(duì)應(yīng)是兩個(gè)字節(jié)，可利用正則，將匹配到的漢字用兩個(gè)字符代替，例如：“xx”,最后獲得轉(zhuǎn)化后的字符串的長(zhǎng)度即是字節(jié)數(shù)。
而字符數(shù)就是對(duì)應(yīng)有多少個(gè)漢字、字母、符號(hào)。
//短信內(nèi)容字?jǐn)?shù)
$scope.bytesCount= 0;
$scope.smsLength = 0;
$scope.smsContent = '1';
$scope.smsCount = function () {
$scope.bytesCount = $scope.smsContent.replace(/[^\x00-\xff]/g, 'xx').length;
$scope.smsLength = $scope.smsContent.length;
}
如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
- JavaScript輸入框字?jǐn)?shù)實(shí)時(shí)統(tǒng)計(jì)更新
- JavaScript實(shí)現(xiàn)的冒泡排序法及統(tǒng)計(jì)相鄰數(shù)交換次數(shù)示例
- js實(shí)現(xiàn)多行文本框統(tǒng)計(jì)剩余字?jǐn)?shù)功能
- JS查找字符串中出現(xiàn)最多的字符及個(gè)數(shù)統(tǒng)計(jì)
- js實(shí)現(xiàn)統(tǒng)計(jì)字符串中特定字符出現(xiàn)個(gè)數(shù)的方法
- JS使用單鏈表統(tǒng)計(jì)英語(yǔ)單詞出現(xiàn)次數(shù)
- JavaScript統(tǒng)計(jì)字符串中每個(gè)字符出現(xiàn)次數(shù)完整實(shí)例
相關(guān)文章
javascript檢測(cè)是否聯(lián)網(wǎng)的實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript檢測(cè)是否聯(lián)網(wǎng)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-09-09
JS實(shí)現(xiàn)鼠標(biāo)箭頭變成一個(gè)燃燒燭光效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)鼠標(biāo)箭頭變成一個(gè)燃燒燭光效果的方法,實(shí)例分析了javascript操作鼠標(biāo)事件及圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
JavaScript中Promise的簡(jiǎn)單使用及其原理詳解
Promise是ES6最重要的特性之一，今天小編就來(lái)帶大家一起系統(tǒng)且細(xì)致的研究一下Promise的用法以及原理，感興趣的小伙伴可以學(xué)習(xí)一下哦2023-03-03
使用JS手寫一個(gè)類似?Laravel?驗(yàn)證器的表單驗(yàn)證器
這篇文章主要為大家介紹了使用JS手寫一個(gè)類似?Laravel?驗(yàn)證器的表單驗(yàn)證器實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
JS打開圖片另存為對(duì)話框?qū)崿F(xiàn)代碼
使用JS打開圖片另存為對(duì)話框一直都是網(wǎng)頁(yè)應(yīng)用中不可缺少的一部分，本人有些好奇，于是搜集整理了一些實(shí)現(xiàn)代碼，不知道符不符合大眾的口味，在此班門弄斧了，需要的朋友可以了解下2012-12-12
javascript設(shè)置連續(xù)兩次點(diǎn)擊按鈕時(shí)間間隔的方法
這篇文章主要介紹了javascript設(shè)置連續(xù)兩次點(diǎn)擊按鈕時(shí)間間隔的方法,是非常實(shí)用的技巧,需要的朋友可以參考下2014-10-10
JavaScript?進(jìn)階問(wèn)題列表(各種js代碼段66-107)
從基礎(chǔ)到進(jìn)階,測(cè)試你有多了解?JavaScript,刷新你的知識(shí),或者幫助你的?coding?面試！?:muscle:?:rocket:?我每周都會(huì)在這個(gè)倉(cāng)庫(kù)下更新新的問(wèn)題,2024-11-11
JavaScript利用canvas實(shí)現(xiàn)星空效果
Canvas對(duì)于我們前端來(lái)說(shuō)是一個(gè)非常強(qiáng)大的工具,它可以實(shí)現(xiàn)各種復(fù)雜的圖形和動(dòng)畫效果,我們?nèi)绻軌蚴炀氄莆账?我們就可以做很多炫酷的效果,本文就給大家介紹了用canvas畫出一片星空的方法,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了JavaScript中的異步能省掉await嗎?一直以來(lái)，困擾我的一個(gè)問(wèn)題是JavaScript中，能否實(shí)現(xiàn)不帶await的異步。今天我終于把這個(gè)問(wèn)題想通了然后分享給大家，希望對(duì)大家的學(xué)習(xí)過(guò)程有所幫助2021-12-12
如何用JavaScript學(xué)習(xí)算法復(fù)雜度
這篇文章主要介紹了如何用JavaScript學(xué)習(xí)算法復(fù)雜度，對(duì)算法感興趣的同學(xué)，一定要看一下2021-04-04