JavaScript 如何大小写转换

你平时写代码的时候，会不会遇到这种情况：输入的变量名突然报错，原因居然是大小写写错了？比如把UserName写成username，明明只差一个字母，却卡了半天。其实不管是整理用户输入的表单内容，还是处理后台返回的字符串，JavaScript里的大小写转换都是很常用的小技巧，今天就用生活里的例子给你讲明白。

把所有字母变成大写，像给单词“喊大写”

如果你想把一段文字变成全大写，比如把别人输入的“shanghai”改成“SHANGHAI”，或者把商品名称“iphone”统一成“IPHONE”，JavaScript有个现成的方法——toUpperCase()。这个方法就像你跟朋友说话时，故意把每个字都喊得很大声，让对方清楚听到所有内容，而且它不会改变原来的字符串，只会返回新的大写结果。

举个生活化的例子：你给外卖备注的地址是“beijing chaoyang district”，想让快递小哥一眼看清区域，就可以用这个方法转成全大写。写代码的话就是：

`javascript

const address = "beijing chaoyang district";

const bigAddress = address.toUpperCase();

console.log(bigAddress); // 输出：BEIJING CHAOYANG DISTRICT

`

哪怕字符串里混了数字或符号，这个方法也只会处理字母，比如“用户ID：123abc”转大写后就是“用户ID：123ABC”，完全不影响其他内容。

把所有字母变成小写，像把单词“轻声说出来”

反过来，如果需要把文字变成全小写，比如把用户输入的“JOHN”改成“john”，或者把产品型号“MACBOOK PRO”统一成“macbook pro”，就用toLowerCase()。这个方法就像你跟人说悄悄话，把每个字母都放小，同样不会修改原字符串，只返回新的小写内容。

还是用外卖的例子：如果收到的订单备注是“SHANGHAI PUTUO”，你想整理成统一的小写格式存到系统里，就可以这么写：

`javascript

const orderNote = "SHANGHAI PUTUO";

const smallNote = orderNote.toLowerCase();

console.log(smallNote); // 输出：shanghai putuo

`

这个方法处理混合内容也很靠谱，比如“订单号：456XYZ”转小写后会变成“订单号：456xyz”，不会乱改数字和符号。

只转换首字母？别搞错“单个字母”和“整个字符串”

很多人会混淆：如果我只需要把句子的第一个字母大写，其他小写，比如把“hELLO wORLD”改成“Hello world”，直接用toUpperCase()或toLowerCase()就不行了——这俩是对整个字符串操作的，不是单个字符。

这时候可以拆成两步：先把第一个字母单独拿出来转大写，再把剩下的部分转小写，最后拼接起来。就像你把一句话拆成“开头的第一个字”和“后面的字”，分别处理后再粘回去。比如整理用户的昵称：

`javascript

const nickname = "lUCY";

// 取第一个字母，转大写；再取剩下的所有字母，转小写

const fixedNickname = nickname[0].toUpperCase() + nickname.slice(1).toLowerCase();

console.log(fixedNickname); // 输出：Lucy

`

如果昵称是空的，这个代码也不会报错，只是返回空字符串，很稳妥。

注意：这些是“方法”，不是“属性”

最后要提一个容易踩的小坑：很多人会写成string.toUpperCase（不带括号），结果发现输出的是函数本身，不是转换后的字符串。就像你想打开台灯，不能只按开关按钮不拧灯泡——toUpperCase()和toLowerCase()是“方法”，需要加括号才能执行，返回你想要的结果。

举个错误和正确的对比：

`javascript

const test = "test";

console.log(test.toUpperCase); // 输出：[Function: toUpperCase]，不是TEST

console.log(test.toUpperCase()); // 输出：TEST，这才是正确的

`

只要记住“加括号才执行”，就不会踩这个小坑了。

其实JavaScript的大小写转换就这么简单，不管是统一格式、整理内容，还是规范用户输入，都是很实用的小工具，多练几次就顺手了。