JS对字符串进行编码的方法总结
在Web开发中,我们经常需要对URL、HTML等不同类型的数据进行编码,以防止不必要的转义或注入攻击。JavaScript提供了多种方法对字符串进行编码,本文将对这些方法进行总结。
1. encodeURIComponent()方法
encodeURIComponent()
方法可把字符串作为 URI 组件进行编码。该方法会对所有的(不是字母数字字符)进行编码,包括 ASCII 码字符、Unicode 字符以及所有保留字符(例如”/”和”?”等)。
示例一:
const uri = 'http://example.com/中文'; // 中文会被编码
const encodedUri = encodeURIComponent(uri);
console.log(encodedUri); // 输出:http%3A%2F%2Fexample.com%2F%E4%B8%AD%E6%96%87
2. encodeURI()方法
encodeURI()
方法可把字符串作为 URI 进行编码。该方法仅对除 ASCII 字母数字字符之外的字符进行编码,包括所有的保留字符。
示例二:
const uri = 'http://example.com/中文'; // 中文会被保留
const encodedUri = encodeURI(uri);
console.log(encodedUri); // 输出:http://example.com/%E4%B8%AD%E6%96%87
3. escape()方法
escape()
方法可编码字符串中的非 ASCII 字符,并替换成可以在URL中使用的转义序列(例如 "%uXXXX")。
该方法已经被 encodeURI()
和 encodeURIComponent()
所替代,在 Web 开发中不再推荐使用。
4. encodeBase64()方法
encodeBase64()
方法可把字符串转换成 Base64 编码的字符串,常用于图片或二进制数据的传输。
示例三:
const str = 'hello world!';
const encodedStr = window.btoa(str);
console.log(encodedStr); // 输出:aGVsbG8gd29ybGQh