当前位置:首页 > JavaScript

js实现decodeString

2026-03-13 21:24:05JavaScript

实现 decodeString 的方法

JavaScript 中实现 decodeString 通常用于解码经过编码的字符串,例如 Base64 编码或 URL 编码。以下是几种常见的解码方法:

Base64 解码

使用 atob() 函数解码 Base64 编码的字符串:

const encodedStr = 'SGVsbG8gV29ybGQ='; // Base64 编码的 "Hello World"
const decodedStr = atob(encodedStr);
console.log(decodedStr); // 输出: "Hello World"

URL 解码

使用 decodeURIComponent() 解码 URL 编码的字符串:

const encodedUrl = 'Hello%20World%21'; // URL 编码的 "Hello World!"
const decodedUrl = decodeURIComponent(encodedUrl);
console.log(decodedUrl); // 输出: "Hello World!"

HTML 实体解码

使用 DOMParser 解码 HTML 实体:

const encodedHtml = '<div>Hello World!</div>';
const parser = new DOMParser();
const decodedHtml = parser.parseFromString(encodedHtml, 'text/html').body.textContent;
console.log(decodedHtml); // 输出: "<div>Hello World!</div>"

自定义解码函数

如果需要自定义解码逻辑,可以手动实现:

js实现decodeString

function decodeString(str) {
    return str.replace(/&#(\d+);/g, (match, dec) => String.fromCharCode(dec));
}

const encodedCustom = 'Hello&#32;World&#33;';
const decodedCustom = decodeString(encodedCustom);
console.log(decodedCustom); // 输出: "Hello World!"

注意事项

  • atob() 仅适用于 Base64 编码的字符串,传入非法字符会抛出错误。
  • decodeURIComponent() 对完整的 URL 编码字符串有效,单独编码的字符可能需要多次调用。
  • HTML 实体解码需确保输入字符串是安全的,避免 XSS 攻击。

标签: jsdecodeString
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现轮播图的基本思路 轮播图的核心逻辑是通过定时切换展示的图片或内容,通常结合左右滑动按钮和指示器(小圆点)增强交互性。以下是基于原生JavaScript的实现方法。 HTML结构 构建轮播图的HT…

js实现文件下载

js实现文件下载

使用 a 标签下载文件 通过动态创建 a 标签并设置 download 属性实现文件下载。适用于已知文件 URL 或 Blob 数据的情况。 function downloadFile(url, f…

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。 基…

js实现防洪

js实现防洪

防抖(Debounce)实现 防抖的核心思想是在事件触发后延迟执行回调函数,若在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口调整等场景。 function debounce(f…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js实现代码雨

js实现代码雨

实现代码雨效果 使用HTML5 Canvas和JavaScript可以轻松实现经典的代码雨效果。以下是完整的实现代码和说明: HTML结构 <!DOCTYPE html> <htm…