在JavaScript里,字符串本身是不可变类型,所有大小写转换方法都不会修改原字符串,而是返回一个新的字符串。掌握原生方法就能应对绝大多数业务场景。

一、基础转换方法
JavaScript为字符串提供了四个大小写转换相关的函数,其中最常用的是下面两个:
toUpperCase():将字符串中的所有小写字母转为大写字母toLowerCase():将字符串中的所有大写字母转为小写字母
这两个方法调用起来非常直接,示例如下:
// 定义原始字符串 var name = 'Hello JavaScript'; // 转为大写 var upper = name.toUpperCase(); console.log(upper); // 输出 HELLO JAVASCRIPT // 转为小写 var lower = name.toLowerCase(); console.log(lower); // 输出 hello javascript // 原字符串未被修改 console.log(name); // 输出 Hello JavaScript
二、本地化转换方法
除了上面提到的两个方法,还有toLocaleUpperCase()和toLocaleLowerCase(),它们会根据宿主环境的语言区域设置来进行转换。对于中文环境来说,通常和基础的转换方法结果一致,但在某些带有特殊语言规则的地区(例如土耳其语)会出现差异。
var str = 'istanbul';
// 使用本地化规则转大写
var localUpper = str.toLocaleUpperCase('tr-TR');
console.log(localUpper); // 土耳其语环境下输出 İSTANBUL
三、实际应用场景
在真实项目中,大小写转换经常用于忽略大小写的比较。比如用户登录时输入的用户名,我们可以统一转成小写再和数据库中的记录比对:
function checkUserInput(input, savedName) {
// 统一转小写后比较
return input.toLowerCase() === savedName.toLowerCase();
}
console.log(checkUserInput('Admin', 'admin')); // 输出 true
四、注意事项
使用字符串大小写转换时,有几个点需要留意:
- 转换方法对非字母字符(如数字、空格、中文)不会产生任何影响
- 如果变量不是字符串类型,调用前最好先用String()强转,否则可能报错
- 对于null或undefined,直接调用会抛出类型错误,需要做防御性判断
var value = null; // 安全写法 var result = value ? String(value).toUpperCase() : ''; console.log(result); // 输出空字符串
小结
JS字符串如何转换大小写,核心就是灵活使用toUpperCase与toLowerCase。理解它们的不可变特性和本地化版本的区别,就能在处理表单、搜索和校验时写出更稳健的代码。
JavaScript字符串大小写转换toUpperCase修改时间:2026-07-29 07:36:17