JavaScript中的字符转换方法详解

在JavaScript开发中，字符转换是常见的操作需求。本文将全面介绍JS中各种字符转换的方法和技巧，帮助开发者高效处理字符串数据。

1. 字符串与数字的相互转换

1.1 字符串转数字

常用方法有三种：

• parseInt(): 将字符串转换为整数 parseInt('123') // 123
• parseFloat(): 将字符串转换为浮点数 parseFloat('12.34') // 12.34
• Number(): 通用转换方法 Number('123') // 123

1.2 数字转字符串

常用方法：

• toString(): (123).toString() // '123'
• String(): String(123) // '123'
• 模板字符串: `${123}` // '123'

2. 字符编码转换

2.1 ASCII码转换

• charCodeAt(): 获取字符的ASCII码 'A'.charCodeAt(0) // 65
• fromCharCode(): 从ASCII码创建字符 String.fromCharCode(65) // 'A'

2.2 Unicode编码转换

• codePointAt(): 获取字符的Unicode码点 '好'.codePointAt(0) // 22909
• String.fromCodePoint(): 从Unicode创建字符 String.fromCodePoint(22909) // '好'

3. 大小写转换

• toUpperCase(): 转为大写 'hello'.toUpperCase() // 'HELLO'
• toLowerCase(): 转为小写 'WORLD'.toLowerCase() // 'world'

4. Base64编码转换

• btoa(): 字符串转Base64 btoa('hello') // 'aGVsbG8='
• atob(): Base64转字符串 atob('aGVsbG8=') // 'hello'

5. 特殊字符处理

• encodeURI()/decodeURI(): URL编码/解码
• encodeURIComponent()/decodeURIComponent(): URL组件编码/解码
• escape()/unescape(): 已废弃的编码方法(不推荐使用)

掌握这些JavaScript字符转换方法，可以让你在前端开发中更加游刃有余地处理各种字符串操作需求。根据实际场景选择合适的方法，能够提高代码的效率和可读性。