在尋找加密解密的時候看到一個方法，代碼圖片轉換。原理為：字符可以轉為16進制，與圖片RGB的一個R/G/B相對應，即一個像素點可容納3個字符（注：Canvas的RGBA，透明度A似乎不能使用，使用后，RGB會有所變化，造成無法正確解碼。）網址為http://www.cnblogs.com/wangxinsheng/p/4381754.html。

中間在代碼轉化為圖片時有用到stringToHex()方法和在圖片轉化為代碼的時候有使用hexToString()方法。很顯然，直接復制代碼是不能實現相關的功能的，必須要有這兩個方法封裝的函數。在網上又搜了一下這兩個函數，當然，字符串轉化為十六進制的時候是沒有問題的，代碼為：

function stringToHex(str) {

　　var val = "";

　　for(var i = 0; i < str.length; i++) {

　　　　if(val == "") { val = str.charCodeAt(i).toString(16); } else { val += "," + str.charCodeAt(i).toString(16); }
　　}
　　return val;
}

不過找到的十六進制轉化為字符串的函數試驗了一下，不大對。找到的代碼如下：

function hexToString(str){

　　　　var val="";

　　　　var arr = str.split(",");

　　　　for(arr i = 0; i < arr.length; i++){

　　　　　　val += arr[i].fromCharCode(i);

　　　　}

　　　　return val;

　　}

formCharCode()方法:靜態方法，任務是接受一或多個字符編碼，然后將它們轉換為一個字符串，本質上與實例方法charCodeAt()執行相反的操作。charCodeAt():以字符串的形式返回給定位置的那個字符的字符編碼。說是不對，指的是在stringToHex()方法中調用charCodeAt()方法之后有調用了toString(16)方法將十進制字符編碼轉化為了十六進制，但是stringToHex()的結果在hexToString()方法中并沒有將十六進制轉化為十進制就直接使用fromCharCode()方法，fromCharCode()方法會直接把對象當做十進制來轉換，這明顯不是十六進制轉化為字符編碼。另外，fromCharCode()的用法也不是arr[i].fromCharCode(i);這種，它的使用方法為String.fromCharCode(arr[i]);這個hexToString()被我稍微改了一下，代碼如下：

function hexToString(str){

　　　　var val="";

　　　　var arr = str.split(",");

　　　　for(arr i = 0; i < arr.length; i++){

　　　　　　val += String.fromCharCode(parseInt(arr[i],16));

　　　　}

　　　　return val;

　　}

其中parseInt(arr[i],16)是將十六進制轉化為十進制。

當然，這種比較適合知道是十六進制的情況下調用這個hexToString()方法，要是十進制的話這個函數也會默認為十六進制。

如果是需要先對傳入的參數做一個判斷，這一塊https://yq.aliyun.com/ziliao/87466或者是http://www.cnblogs.com/cutone/p/6007031.html，這上邊有詳細一點的方法。

總結

以上是生活随笔為你收集整理的js字符串与十六进制之间的转换的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。