核心要点
toUpperCase()
、toLowerCase()
和一个自定义标题大小写函数。这些方法返回一个新字符串,不会改变原始字符串。toLowerCase()
和 toUpperCase()
方法不仅用于格式化文本显示,也用于可靠的字符串比较,因为它们可以标准化被比较字符串的大小写。本教程将教你如何使用 JavaScript 原生方法转换字符串字符的大小写——大写、小写和标题大小写。
JavaScript 提供了许多函数和方法,允许你出于不同目的操作数据。我们最近研究了将字符串转换为数字、数字转换为字符串或序数以及分割字符串的方法。本文将介绍转换字符串字符大小写的方法——这对于以特定格式表示字符串或进行可靠的字符串比较非常有用。
将字符串转换为小写
如果需要小写字符串,可以使用字符串上可用的 toLowerCase()
方法。此方法返回所有字符都小写的字符串。
例如:
const str = 'HeLlO'; console.log(str.toLowerCase()); // "hello" console.log(str); // "HeLlo"
通过对 str
变量使用 toLowerCase()
方法,可以检索所有字符都小写的相同字符串。请注意,返回的是一个新字符串,不会影响 str
的值。
将字符串转换为大写
如果需要大写字符串,可以使用字符串上可用的 toUpperCase()
方法。此方法返回所有字符都大写的字符串。
例如:
const str = 'HeLlO'; console.log(str.toUpperCase()); // "HELLO" console.log(str); // "HeLlo"
通过对 str
变量使用 toUpperCase()
方法,可以检索所有字符都大写的相同字符串。请注意,返回的是一个新字符串,不会影响 str
的值。
将字符串转换为标题大小写
转换字符串大小写最常见的用例是将其转换为标题大小写。这可以用于显示名称和标题。
有不同的方法可以做到这一点。一种方法是使用 toUpperCase()
方法转换字符串的第一个字符,然后将其与字符串的其余部分连接起来。例如:
const str = 'HeLlO'; console.log(str.toLowerCase()); // "hello" console.log(str); // "HeLlo"
在此示例中,使用 str
变量的索引 0 检索第一个字符。然后,使用 toUpperCase()
方法将其转换为大写。最后,使用 substr()
方法检索字符串的其余部分,并将字符串的其余部分与第一个字母连接起来。对字符串的其余部分应用 toLowerCase()
以确保它是小写。
这只会将单词的第一个字母转换为大写。但是,在某些情况下,如果有一个句子,你可能希望将句子的每个单词都转换为大写。在这种情况下,最好使用这样的函数:
const str = 'HeLlO'; console.log(str.toUpperCase()); // "HELLO" console.log(str); // "HeLlo"
toTitleCase()
函数接受一个参数,即要转换为标题大小写的字符串。
在函数中,首先检查字符串是否为空,如果是则返回空字符串。
然后,在空格分隔符上分割字符串,这将返回一个数组。之后,使用数组上的 map
方法对数组中的每个项目应用你在前面示例中看到的转换。这将每个单词都转换为标题大小写。
最后,使用相同的空格分隔符将数组中的项目连接成字符串并返回它。
在线示例
在下面的 CodePen 演示中,你可以尝试 toLowerCase()
和 toUpperCase()
的功能。当在输入中输入字符串时,它将转换为大写和小写并显示。你可以尝试在字符串中使用不同大小写的字符。
[CodePen 演示链接 (此处应插入CodePen的嵌入代码)]
更改字符大小写以进行字符串比较
在许多情况下,你需要在执行代码块之前比较字符串。如果你无法控制字符串的书写方式,那么在不强制任何字符大小写的情况下对字符串进行比较会导致意外的结果。
例如:
const str = 'hello'; console.log(str[0].toUpperCase() + str.substring(1).toLowerCase()); // "Hello"
如果用户在输入中输入 Yes 而不是 yes,则相等条件将失败,并且将显示错误的警报。
你可以通过强制字符串的字符大小写来解决这个问题:
function toTitleCase(str) { if (!str) { return ''; } const strArr = str.split(' ').map((word) => { return word[0].toUpperCase() + word.substring(1).toLowerCase(); }); return strArr.join(' '); } const str = 'hello world'; console.log(toTitleCase(str)); // "Hello World"
结论
学习如何在 JavaScript 中转换字符串的字符大小写是必要的。你经常需要将其用于许多用例,例如以特定格式显示字符串。你也可以用它来可靠地比较字符串。
强制你正在比较的字符串的字符大小写确保你可以检查字符串的内容是否相等,而不管它们是如何编写的。
(此处应添加文章结尾的补充内容,例如常见问题解答等,根据原文补充)
以上是如何在JavaScript中转换字符串的字符案例的详细内容。更多信息请关注PHP中文网其他相关文章!