JS全角與半角轉(zhuǎn)化實(shí)例(分享)
最近在做PC端網(wǎng)站的頁面的一個表單校驗(yàn)，需要把全角輸入轉(zhuǎn)化成半角符號。之前沒有了解過這些編碼的知識，還是得Google一下查查資料，故簡單總結(jié)一下。
什么是全角、半角
傳統(tǒng)上，英語或拉丁字母語言使用的電腦系統(tǒng)，每一個字母或符號，都是使用一字節(jié)的空間（一字節(jié)由8比特組成，共256個編碼空間）來儲存；而漢語、日語及韓語文字，由于數(shù)量大大超過256個，故慣常使用兩字節(jié)來儲存一個字符。在使用等寬字體（如DOS、部分文字編輯器等）的環(huán)境下，中日韓文字此時(shí)占據(jù)兩倍于西文字符的顯示寬度。所以，中、日、韓等文字稱為全角字符，相比起來，拉丁字母或數(shù)字就稱為半角字符。有時(shí)為了使字體看起來齊整，英文字母、數(shù)字及其他符號也由原來只占一個字空間，改為占用兩個字的空間顯示、使用兩個字節(jié)儲存的格式。（維基百科）
轉(zhuǎn)化原理
全角空格unicode編碼為12288，半角空格為32
其他字符半角(33-126)與全角(65281-65374)的unicode編碼對應(yīng)關(guān)系是：均相差65248
全角轉(zhuǎn)半角
function ToCDB(str) {
var tmp = "";
for (var i = 0; i < str.length; i++) {
if (str.charCodeAt(i) > 65248 && str.charCodeAt(i) < 65375) {
tmp += String.fromCharCode(str.charCodeAt(i) - 65248);
}
else {
tmp += String.fromCharCode(str.charCodeAt(i));
}
}
return tmp
}
半角轉(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全角與半角轉(zhuǎn)化實(shí)例(分享)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Postman無法正常返回結(jié)果問題解決,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
小程序云開發(fā)獲取不到數(shù)據(jù)庫記錄的解決方法
這篇文章主要為大家詳細(xì)介紹了小程序云開發(fā)獲取不到數(shù)據(jù)庫記錄的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
解決JS組件bootstrap table分頁實(shí)現(xiàn)過程中遇到的問題
這篇文章主要介紹了JS組件bootstrap table分頁實(shí)現(xiàn)過程中遇到的問題，感興趣的小伙伴們可以參考一下2016-04-04
編輯器上傳的圖片太大了，把FF和IE撐的走形，所以希望圖片在某些頁面里要有固定大小，如果需要某個范圍，用getElementByname來設(shè)定，也是一個道理：2013-08-08
js關(guān)閉父窗口時(shí)關(guān)閉子窗口
js關(guān)閉父窗口時(shí)關(guān)閉子窗口的實(shí)例，需要的朋友可以參考一下2013-04-04
小程序角標(biāo)的添加及綁定購物車數(shù)量進(jìn)行實(shí)時(shí)更新的實(shí)現(xiàn)代碼
這篇文章主要介紹了小程序角標(biāo)的添加及綁定購物車數(shù)量進(jìn)行實(shí)時(shí)更新的實(shí)現(xiàn)代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)跑馬燈效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Array.prototype.slice 使用擴(kuò)展
slice 可以用來獲取數(shù)組片段，它返回新數(shù)組，不會修改原數(shù)組。2010-06-06
JS中call apply bind函數(shù)手寫實(shí)現(xiàn)demo
這篇文章主要為大家介紹了JS中call apply bind函數(shù)手寫實(shí)現(xiàn)demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
JS面試必備之手寫instanceof,深拷貝,節(jié)流和防抖
JavaScript如何實(shí)現(xiàn)手寫instanceof、深拷貝、節(jié)流、防抖也是面試時(shí)常?？嫉降闹R點(diǎn)，這篇文章為大家進(jìn)行了詳細(xì)介紹，需要的可以參考一下2023-05-05