当前位置:首页 > 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实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

利用js实现

利用js实现

使用 JavaScript 实现 在 JavaScript 中,可以通过多种方式实现功能,具体取决于需求。以下是几种常见的方法: 方法一:使用原生 JavaScript // 示例代码 funct…

js实现视口

js实现视口

js实现视口检测的方法 使用JavaScript检测元素是否进入视口(viewport)可以通过Intersection Observer API或手动计算元素位置实现。以下是两种常见方法: Int…

js实现截图

js实现截图

使用HTML2Canvas库实现截图 HTML2Canvas是一个流行的JavaScript库,可以将网页元素或整个页面转换为Canvas图像。安装方式: npm install html2canv…

jquery和js

jquery和js

jQuery与JavaScript的区别 jQuery是一个基于JavaScript的库,封装了许多常用的功能,简化了DOM操作、事件处理、动画效果等。JavaScript是原生语言,功能更全面但代码…

用js实现vue

用js实现vue

用 JavaScript 实现 Vue 核心功能 Vue.js 是一个渐进式框架,其核心功能包括响应式数据绑定、虚拟 DOM 和组件系统。以下是一个简化版的实现,展示如何用原生 JavaScript…