解析js base64並轉成unit

本文將從多個方面詳細介紹js中如何解析base64編碼並轉成unit格式。

一、base64編碼解析

在JavaScript中解析base64編碼可以使用atob()函數,它會將base64字元串解碼為原始字元串:

function decodeBase64(string) {
  return atob(string);
}

console.log(decodeBase64('SGVsbG8gV29ybGQh'));
//Output: "Hello World!"

但是atob()函數只能解析ASCII字元,如果要解析非ASCII字元,需要藉助另一個函數——decodeURIComponent():

function decodeBase64(string) {
  return decodeURIComponent(atob(string).split('').map(function(c) {
      return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
  }).join(''));
}

console.log(decodeBase64('5Zue5Lu257K85aSp5YyW56CB5Lqk5Y+R5YWz'));
//Output: "你好,世界!"

以上代碼將base64字元串’5Zue5Lu257K85aSp5YyW56CB5Lqk5Y+R5YWz’解析為utf-8編碼的”你好,世界!”。

二、unit格式轉換

unit是JavaScript中表示Unicode字元的方法,對於非ASCII字元,可以通過轉義表示:

var helloWorld = '\u0048\u0065\u006c\u006c\u006f \u0057\u006f\u0072\u006c\u0064\u0021';
console.log(helloWorld);
//Output: "Hello World!"

以上代碼將Unicode編碼表示為unit格式的字元串。

如果要將一個字元串轉換為unit格式,可以用String對象的charCodeAt()方法獲取每個字元的Unicode編碼,並將其轉化為16進位:

function toUnit(string) {
  var result = "";
  for (var i = 0; i < string.length; i++) {
    var charCode = string.charCodeAt(i).toString(16);
    result += '\\u' + ('0000' + charCode).slice(-4);
  }
  return result;
}

console.log(toUnit("Hello World!"));
//Output: "\u0048\u0065\u006c\u006c\u006f \u0057\u006f\u0072\u006c\u0064\u0021"

以上代碼將”Hello World!”轉成了unit格式的字元串。

三、結合使用

了解了base64解碼和unit轉換的方法後,我們可以將它們結合起來,將base64編碼的非ASCII文本轉換為unit格式的字元串:

function base64ToUnit(string) {
  var decoded = decodeURIComponent(atob(string).split('').map(function(c) {
      return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
  }).join(''));
  var result = "";
  for (var i = 0; i < decoded.length; i++) {
    var charCode = decoded.charCodeAt(i).toString(16);
    result += '\\u' + ('0000' + charCode).slice(-4);
  }
  return result;
}

console.log(base64ToUnit('5Zue5Lu257K85aSp5YyW56CB5Lqk5Y+R5YWz'));
//Output: "\u4f60\u597d\uff0c\u4e16\u754c\uff01"

以上代碼將base64編碼的”你好,世界!”轉成了unit格式的字元串。需要注意的是,轉義字元需要使用雙反斜杠”\\\\”來表示,否則轉義字元會被當做普通字元處理。

原創文章,作者:KNLLK,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/375139.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
KNLLK的頭像KNLLK
上一篇 2025-04-29 12:49
下一篇 2025-04-29 12:49

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Node.js使用Body-Parser處理HTTP POST請求時,特殊字元無法返回的解決方法

    本文將解決Node.js使用Body-Parser處理HTTP POST請求時,特殊字元無法返回的問題。同時,給出一些相關示例代碼,以幫助讀者更好的理解並處理這個問題。 一、問題解…

    編程 2025-04-29
  • t3.js:一個全能的JavaScript動態文本替換工具

    t3.js是一個非常流行的JavaScript動態文本替換工具,它是一個輕量級庫,能夠很容易地實現文本內容的遞增、遞減、替換、切換以及其他各種操作。在本文中,我們將從多個方面探討t…

    編程 2025-04-28
  • JS圖片沿著SVG路徑移動實現方法

    本文將為大家詳細介紹如何使用JS實現圖片沿著SVG路徑移動的效果,包括路徑製作、路徑效果、以及實現代碼等內容。 一、路徑製作 路徑的製作,我們需要使用到SVG,SVG是可縮放矢量圖…

    編程 2025-04-27
  • 如何使用JS調用Python腳本

    本文將詳細介紹通過JS調用Python腳本的方法,包括使用Node.js、Python shell、child_process等三種方法,以及在Web應用中的應用。 一、使用Nod…

    編程 2025-04-27
  • 如何反混淆美團slider.js

    本文將從多個方面詳細闡述如何反混淆美團slider.js。在開始之前,需要明確的是,混淆是一種保護JavaScript代碼的方法,其目的是使代碼難以理解和修改。因此,在進行反混淆操…

    編程 2025-04-27
  • Python要學JS嗎?

    Python和JavaScript都是非常受歡迎的編程語言。然而,你可能會問,既然我已經學了Python,是不是也需要學一下JS呢?在本文中,我們將圍繞這個問題進行討論,並從多個角…

    編程 2025-04-27
  • 解決js ajax post 419問題

    對於使用ajax post請求時出現的419問題,我們需要進行以下幾個方面的闡述,包括返回碼的含義、可能出現的情況、解決方案等內容。 一、解析419返回碼 419返回碼錶示用戶超時…

    編程 2025-04-27
  • Three.js實現室內模型行走

    在本文中,將介紹如何使用Three.js創建室內模型,並在場景中實現行走。為了實現這一目標,需要完成以下任務: 載入室內模型及材質貼圖 實現攝像機控制,支持用戶自由行走 添加光源,…

    編程 2025-04-25
  • JS控制台輸出詳解

    一、輸出文本 JS控制台是開發人員調試 JavaScript 代碼時的一個重要工具。它不僅可以用於查看錯誤信息,還可以輸出不同類型的數據在控制台中進行調試和測試。其中最基本的輸出就…

    編程 2025-04-25

發表回復

登錄後才能評論