JS驗(yàn)證全角與半角及相互轉(zhuǎn)化的介紹
1.什么是全角和半角?
全角:是一種電腦字符,是指一個(gè)全角字符占用兩個(gè)標(biāo)準(zhǔn)字符(或兩個(gè)半角字符)的位置。全角占兩個(gè)字節(jié)。
漢字字符和規(guī)定了全角的英文字符及國(guó)標(biāo)GB2312-80中的圖形符號(hào)和特殊字符都是全角字符。在全角中,字母和數(shù)字等與漢字一樣占據(jù)著等寬的位置。
半角:是指一個(gè)字符占用一個(gè)標(biāo)準(zhǔn)的字符位置。半角占一個(gè)字節(jié)。
半角就是 ASCII 方式的字符,在沒(méi)有漢字輸入法起作用的時(shí)候,輸入的字母、數(shù)字和字符都是半角的。
每個(gè)半角字符只占用一字節(jié)的空間(一字節(jié)有8位,共256個(gè)編碼空間)。漢語(yǔ)、日語(yǔ)、及朝鮮文等象形字語(yǔ)言的字庫(kù)量遠(yuǎn)大于256個(gè)編碼空間,所以改用兩個(gè)字節(jié)來(lái)儲(chǔ)存。同時(shí),由于中日韓等象形文字的書寫習(xí)慣,如果統(tǒng)一使用全角字符的話,排列起來(lái)也顯得整齊。
為了排列整齊,英文和其它拉丁文的字符和標(biāo)點(diǎn)也提供了全角格式。
2.全角和半角的區(qū)別
全角和半角主要是針對(duì)標(biāo)點(diǎn)符號(hào)來(lái)說(shuō)的,全角標(biāo)點(diǎn)占兩個(gè)字節(jié),半角占一個(gè)字節(jié)。不管是半角還是全角,漢字都要占兩個(gè)字節(jié)。
3.js判斷輸入的文字是全角還是半角?
str="中文;;a" alert(str.match(/[\u0000-\u00ff]/g)) //半角 alert(str.match(/[\u4e00-\u9fa5]/g)) //中文 alert(str.match(/[\uff00-\uffff]/g)) //全角
4.js對(duì)全角與半角的相互轉(zhuǎn)化
首先,先得明確以下信息:
a.全角空格為12288,半角空格為32
b.其他字符半角(33-126)與全角(65281-65374)的對(duì)應(yīng)關(guān)系是:均相差65248
半角轉(zhuǎn)化為全角
function ToDBC(txtstring) { var tmp = ""; for(var i=0;i<txtstring.length;i++{ if(txtstring.charCodeAt(i)==32){ tmp= tmp+ String.fromCharCode(12288); } if(txtstring.charCodeAt(i)<127){ tmp=tmp+String.fromCharCode(txtstring.charCodeAt(i)+65248); } } return tmp; }
上面用到了js的charCodeAt() 方法與fromCharCode() 方法。
charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個(gè)返回值是 0 - 65535 之間的整數(shù)。
fromCharCode() 可接受一個(gè)指定的 Unicode 值,然后返回一個(gè)字符串。
想詳細(xì)的了解charCodeAt() 方法與fromCharCode()方法,可以點(diǎn)擊《JavaScript charCodeAt() 方法》與《JavaScript fromCharCode() 方法》。
全角轉(zhuǎn)換為半角
function ToCDB(str) { var tmp = ""; for(var i=0;i<str.length;i++){ if (str.charCodeAt(i) == 12288){ tmp += String.fromCharCode(str.charCodeAt(i)-12256); continue; } if(str.charCodeAt(i) > 65280 && str.charCodeAt(i) < 65375){ tmp += String.fromCharCode(str.charCodeAt(i)-65248); } else{ tmp += String.fromCharCode(str.charCodeAt(i)); } } return tmp }
以上所述是小編給大家介紹的JS驗(yàn)證全角與半角及相互轉(zhuǎn)化的知識(shí),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript設(shè)計(jì)模式之代理模式實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之代理模式,簡(jiǎn)單描述了代理模式的概念、原理并結(jié)合實(shí)例形式分析了javascript代理模式的相關(guān)實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2019-01-01uniapp使用vue-cli新建項(xiàng)目并打包的步驟
這篇文章主要介紹了uniapp使用vue-cli新建項(xiàng)目并打包,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-11-11JavaScript中arguments.callee屬性的作用與替換方案
這篇文章介紹了JavaScript中arguments.callee屬性的作用與替換方案,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06js 動(dòng)態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實(shí)例
下面小編就為大家?guī)?lái)一篇js 動(dòng)態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02javascript中返回頂部按鈕的實(shí)現(xiàn)
這篇文章主要介紹了使用javascript實(shí)現(xiàn)博客園頁(yè)面右下角返回頂部按鈕的思路及源碼,非常不錯(cuò),這里推薦給小伙伴們2015-05-05JavaScript設(shè)計(jì)模式之建造者模式實(shí)例教程
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之建造者模式,結(jié)合實(shí)例形式分析了設(shè)計(jì)模式中建造者模式的概念、功能及JavaScript實(shí)現(xiàn)與使用建造者模式的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07