在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中轻松处理对象和数组。