前端转码有那些方法,除了encodeURIComponent()转为utf-8对应的,还能怎么转
时间: 2024-05-23 18:16:20 浏览: 90
除了使用encodeURIComponent()方法将字符串转为UTF-8编码格式外,还可以使用其他方法进行转码,包括:
1. escape()方法:将字符串转换为16进制的ASCII编码表示形式。但是,该方法已经被废弃,不建议使用。
2. encodeURI()方法:将URI中的非法字符以及一些保留字符进行编码,但是不会对整个URI进行编码,例如“: / ? # [ ] @ ! $ & ' ( ) * + , ; =”。
3. decodeURIComponent()方法:将通过encodeURIComponent()方法编码过的字符串进行解码。
4. unescape()方法:将通过escape()方法编码的字符串进行解码。
需要注意的是,不同的编码方式适用于不同的场景,具体使用哪种方法需要根据实际情况进行选择。
相关问题
前端转码有那些方法,除了encodeURIComponent()
除了常用的encodeURIComponent()方法外,还有以下几种前端转码方法:
1. encodeURI():用于对整个URL进行编码,但不包括特殊字符:`, / ? : @ & = + $ #` 。
2. escape():用于编码字符串,但已被废弃,不建议使用。
3. Base64 编码:将文本或二进制数据编码为ASCII字符集中的可打印字符,常用于在URL、Cookie等场景下传输数据。
4. Unicode 转义:用 \uXXXX 格式表示一个Unicode字符,例如 “中” 在 Unicode 中对应的编码是 U+4E2D,可以表示为 \u4E2D。
需要注意的是,以上方法都只是编码,不能代替加密,不应将其用于敏感数据的传输。
js json utf-8 转 二进制
这个问题有点复杂,因为你需要先将 JSON 数据编码成 UTF-8 字符串,然后再将 UTF-8 字符串转换为二进制数据。
以下是一个示例代码,将 JSON 数据编码成 UTF-8 字符串,然后将 UTF-8 字符串转换为二进制数据:
```javascript
// JSON 数据
const jsonData = {
name: 'John',
age: 30,
hobbies: ['reading', 'coding', 'music']
};
// 编码成 UTF-8 字符串
const jsonString = JSON.stringify(jsonData);
const utf8String = unescape(encodeURIComponent(jsonString));
// 转换为二进制数据
const binaryData = new Uint8Array(utf8String.length);
for (let i = 0; i < utf8String.length; i++) {
binaryData[i] = utf8String.charCodeAt(i);
}
```
在上面的代码中,我们使用了 `JSON.stringify()` 将 JSON 数据转换为字符串,然后使用 `encodeURIComponent()` 将字符串编码成 UTF-8 字符串。接着,我们使用 `Uint8Array` 和 `charCodeAt()` 将 UTF-8 字符串转换为二进制数据。
注意,这里使用了 `unescape()` 函数来解码 UTF-8 字符串,因为 `encodeURIComponent()` 函数会对一些字符进行编码,例如:`#`,`%` 等。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)