首页 前端知识 JavaScript 编码 解码(URL 编码和解码 、 Base64 编码和解码 、 JSON 编码和解码) - 附示例

JavaScript 编码 解码(URL 编码和解码 、 Base64 编码和解码 、 JSON 编码和解码) - 附示例

2025-02-25 13:02:21 前端知识 前端哥 649 342 我要收藏

在JavaScript中,转码和解码通常涉及到将字符串转换为某种格式(如URL编码、Base64编码等),以便在网络传输时保持数据的完整性。下面是一些常见的转码和解码方法:

目录

效果

一、URL 编码和解码

        1、定义

        2、示例

                1)编码: 使用 encodeURIComponent() 方法

                2)解码: 使用 decodeURIComponent() 方法

二、Base64 编码和解码

        1、定义

        2、示例

                1)编码: 使用 btoa() 方法(用于字符串)

                2)解码: 使用 atob() 方法

 三、JSON 编码和解码

        1、定义

        2、示例

                1)编码: 使用 JSON.stringify() 方法

                2)解码: 使用 JSON.parse() 方法

四、总结

  欢迎关注VX公众号:前端小知识营地


效果

一、URL 编码和解码

        1、定义

                URL 编码可以将字符串中的特殊字符转换为%加上两位十六进制数的形式,以便在URL中安全传输。 

        2、示例

                1)编码: 使用 encodeURIComponent() 方法
const originalString = "Hello, world!";
const encodedString = encodeURIComponent(originalString);
console.log(encodedString); // Hello, world!
                2)解码: 使用 decodeURIComponent() 方法
const decodedString = decodeURIComponent(encodedString);
console.log(decodedString); // Hello, world!

二、Base64 编码和解码

        1、定义

                Base64 编码用于将二进制数据转换为可打印的ASCII字符串格式,通常用于在网络中传输二进制数据。

        2、示例

                1)编码: 使用 btoa() 方法(用于字符串)
const string = "Hello, world!";
const encodedBase64 = btoa(string);
console.log(encodedBase64); // SGVsbG8sIHdvcmxkIQ==
                2)解码: 使用 atob() 方法
const decodedBase64 = atob(encodedBase64);
console.log(decodedBase64); // Hello, world!

 三、JSON 编码和解码

        1、定义

                JSON(JavaScript Object Notation)是一种数据交换格式,可以轻松转码和解码JavaScript对象。     

        2、示例

                1)编码: 使用 JSON.stringify() 方法
const obj = { name: "Alice", age: 25 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // {"name":"Alice","age":25}
                2)解码: 使用 JSON.parse() 方法
const parsedObj = JSON.parse(jsonString);
console.log(parsedObj); // {name: 'Alice', age: 25}

四、总结

URL编码/解码: 处理特殊字符以便在URL中使用。

Base64编码/解码: 将二进制数据转换为可打印的字符串。

JSON编码/解码: 用于在JavaScript中轻松处理对象和数组。

  欢迎关注VX公众号:前端小知识营地

转载请注明出处或者链接地址:https://www.qianduange.cn//article/21413.html
标签
评论
发布的文章

python调用ollama库详解

2025-02-25 13:02:30

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!