核心要點(diǎn)

• JavaScript 提供了原生方法來轉(zhuǎn)換字符串字符的大小寫，包括 toUpperCase()、toLowerCase() 和一個(gè)自定義標(biāo)題大小寫函數(shù)。這些方法返回一個(gè)新字符串，不會(huì)改變?cè)甲址?
• toLowerCase() 和 toUpperCase() 方法不僅用於格式化文本顯示，也用於可靠的字符串比較，因?yàn)樗鼈兛梢詷?biāo)準(zhǔn)化被比較字符串的大小寫。
• 創(chuàng)建一個(gè)自定義函數(shù)將字符串轉(zhuǎn)換為標(biāo)題大小寫，需要將字符串分割成單詞數(shù)組，將每個(gè)單詞的第一個(gè)字母轉(zhuǎn)換為大寫，其餘字母轉(zhuǎn)換為小寫，然後將單詞重新連接成字符串。

本教程將教你如何使用 JavaScript 原生方法轉(zhuǎn)換字符串字符的大小寫——大寫、小寫和標(biāo)題大小寫。

JavaScript 提供了許多函數(shù)和方法，允許你出於不同目的操作數(shù)據(jù)。我們最近研究了將字符串轉(zhuǎn)換為數(shù)字、數(shù)字轉(zhuǎn)換為字符串或序數(shù)以及分割字符串的方法。本文將介紹轉(zhuǎn)換字符串字符大小寫的方法——這對(duì)於以特定格式表示字符串或進(jìn)行可靠的字符串比較非常有用。

將字符串轉(zhuǎn)換為小寫

如果需要小寫字符串，可以使用字符串上可用的 toLowerCase() 方法。此方法返回所有字符都小寫的字符串。

例如：

const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"

通過對(duì) str 變量使用 toLowerCase() 方法，可以檢索所有字符都小寫的相同字符串。請(qǐng)注意，返回的是一個(gè)新字符串，不會(huì)影響 str 的值。

將字符串轉(zhuǎn)換為大寫

如果需要大寫字符串，可以使用字符串上可用的 toUpperCase() 方法。此方法返回所有字符都大寫的字符串。

例如：

const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"

通過對(duì) str 變量使用 toUpperCase() 方法，可以檢索所有字符都大寫的相同字符串。請(qǐng)注意，返回的是一個(gè)新字符串，不會(huì)影響 str 的值。

將字符串轉(zhuǎn)換為標(biāo)題大小寫

轉(zhuǎn)換字符串大小寫最常見的用例是將其轉(zhuǎn)換為標(biāo)題大小寫。這可以用於顯示名稱和標(biāo)題。

有不同的方法可以做到這一點(diǎn)。一種方法是使用 toUpperCase() 方法轉(zhuǎn)換字符串的第一個(gè)字符，然後將其與字符串的其餘部分連接起來。例如：

const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"

在此示例中，使用 str 變量的索引 0 檢索第一個(gè)字符。然後，使用 toUpperCase() 方法將其轉(zhuǎn)換為大寫。最後，使用 substr() 方法檢索字符串的其餘部分，並將字符串的其餘部分與第一個(gè)字母連接起來。對(duì)字符串的其餘部分應(yīng)用 toLowerCase() 以確保它是小寫。

這只會(huì)將單詞的第一個(gè)字母轉(zhuǎn)換為大寫。但是，在某些情況下，如果有一個(gè)句子，你可能希望將句子的每個(gè)單詞都轉(zhuǎn)換為大寫。在這種情況下，最好使用這樣的函數(shù)：

const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"

toTitleCase() 函數(shù)接受一個(gè)參數(shù)，即要轉(zhuǎn)換為標(biāo)題大小寫的字符串。

在函數(shù)中，首先檢查字符串是否為空，如果是則返回空字符串。

然後，在空格分隔符上分割字符串，這將返回一個(gè)數(shù)組。之後，使用數(shù)組上的 map 方法對(duì)數(shù)組中的每個(gè)項(xiàng)目應(yīng)用你在前面示例中看到的轉(zhuǎn)換。這將每個(gè)單詞都轉(zhuǎn)換為標(biāo)題大小寫。

最後，使用相同的空格分隔符將數(shù)組中的項(xiàng)目連接成字符串並返回它。

在線示例

在下面的 CodePen 演示中，你可以嘗試 toLowerCase() 和 toUpperCase() 的功能。當(dāng)在輸入中輸入字符串時(shí)，它將轉(zhuǎn)換為大寫和小寫並顯示。你可以嘗試在字符串中使用不同大小寫的字符。

[CodePen 演示鏈接 (此處應(yīng)插入CodePen的嵌入代碼)]

更改字符大小寫以進(jìn)行字符串比較

在許多情況下，你需要在執(zhí)行代碼塊之前比較字符串。如果你無法控製字符串的書寫方式，那麼在不強(qiáng)制任何字符大小寫的情況下對(duì)字符串進(jìn)行比較會(huì)導(dǎo)致意外的結(jié)果。

例如：

const str = 'hello';
console.log(str[0].toUpperCase() + str.substring(1).toLowerCase()); // "Hello"

如果用戶在輸入中輸入 Yes 而不是 yes，則相等條件將失敗，並且將顯示錯(cuò)誤的警報(bào)。

你可以通過強(qiáng)製字符串的字符大小寫來解決這個(gè)問題：

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"

結(jié)論

學(xué)習(xí)如何在 JavaScript 中轉(zhuǎn)換字符串的字符大小寫是必要的。你經(jīng)常需要將其用於許多用例，例如以特定格式顯示字符串。你也可以用它來可靠地比較字符串。

強(qiáng)制你正在比較的字符串的字符大小寫確保你可以檢查字符串的內(nèi)容是否相等，而不管它們是如何編寫的。

(此處應(yīng)添加文章結(jié)尾的補(bǔ)充內(nèi)容，例如常見問題解答等，根據(jù)原文補(bǔ)充)

以上是如何在JavaScript中轉(zhuǎn)換字符串的字符案例的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！