核心要點

• JavaScript 提供了原生方法來轉(zhuǎn)換字符串字符的大小寫，包括 toUpperCase()、toLowerCase() 和一個自定義標(biāo)題大小寫函數(shù)。這些方法返回一個新字符串，不會改變原始字符串。
• toLowerCase() 和 toUpperCase() 方法不僅用于格式化文本顯示，也用于可靠的字符串比較，因為它們可以標(biāo)準(zhǔn)化被比較字符串的大小寫。
• 創(chuàng)建一個自定義函數(shù)將字符串轉(zhuǎn)換為標(biāo)題大小寫，需要將字符串分割成單詞數(shù)組，將每個單詞的第一個字母轉(zhuǎn)換為大寫，其余字母轉(zhuǎn)換為小寫，然后將單詞重新連接成字符串。

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

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

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

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

例如：

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

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

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

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

例如：

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

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

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

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

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

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

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

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

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

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

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

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

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

在線示例

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

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

更改字符大小寫以進行字符串比較

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

例如：

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"

結(jié)論

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

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

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

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