核心要點

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

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

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)換為標題大小寫

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

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

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

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

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

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

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

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

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

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

在線示例

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

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

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

在許多情況下，你需要在執(zhí)行代碼塊之前比較字符串。如果你無法控製字符串的書寫方式，那麼在不強制任何字符大小寫的情況下對字符串進行比較會導致意外的結(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é)論

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

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

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

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