首頁 > web前端 > js教程 > 大寫按鍵上的每個單詞的第一字母

大寫按鍵上的每個單詞的第一字母

Lisa Kudrow
發布: 2025-03-04 00:07:17
原創
604 人瀏覽過

Capitalize First Letter of Every Word on Keypress

這個jQuery摘要大寫了字符串中每個單詞的第一個字母。 這對於表單輸入,防止全帽標題或文本很有用。

JavaScript字符串資本化
// Usage: Attaches to keyup event of all input fields
$("input").keyup(function() {
  toUpper(this);
});

// Function: Capitalizes the first letter of each word
function toUpper(obj) {
  let mystring = obj.value;
  let sp = mystring.split(' ');
  let word = [];
  for (let i = 0; i < sp.length; i++) {
    let f = sp[i].substring(0, 1).toUpperCase();
    let r = sp[i].substring(1).toLowerCase();
    word[i] = f + r;
  }
  let newstring = word.join(' ');
  obj.value = newstring;
  return true;
}
登入後複製
登入後複製

這是使用各種JavaScript方法來大寫字符串或字符串中每個單詞的幾種方法。 > 1。用

>:

大寫

這種簡潔的方法使用獲得第一個字符,將其轉換為slice()>的大寫,然後使用

charAt(0) 2。用toUpperCase()>,slice(1)

>
function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}
登入後複製

來大寫每個單詞 此方法將字符串分為單詞,使用split()>函數將每個單詞的第一個字母大寫,然後將它們重新連接在一起。 map()> join()

3。

vs. map()

function capitalizeWords(str) {
  return str.split(' ').map(word => capitalizeFirstLetter(word)).join(' ');
}
登入後複製
>

兩者都轉換為大寫,考慮了特定於語言環境的規則,可能與具有獨特資本化規則的語言(例如土耳其語)。 toUpperCase()toLocaleUpperCase() 4。在沒有的情況下大寫(使用ASCII):

>

此方法利用ASCII值。小寫字母(A-Z)的ASCII值97-122,大寫(A-Z)65-90。 減去32個將小寫轉換為大寫。 toLocaleUpperCase() toUpperCase()

5。用正則表達式來大寫:toUpperCase()> 正則表達式提供了一種強大的,儘管可能不那麼可讀性的解決方案。

匹配第一個字符。

6。用
function capitalizeFirstLetterASCII(str) {
  let firstLetter = str.charCodeAt(0);
  if (firstLetter >= 97 && firstLetter <= 122) {
    firstLetter -= 32;
  }
  return String.fromCharCode(firstLetter) + str.slice(1);
}
登入後複製
>:

大寫 >類似於

提取字符串的一部分。 ^(.)>

function capitalizeFirstLetterRegex(str) {
  return str.replace(/^(.)/, (match) => match.toUpperCase());
}
登入後複製

7。用>:substring() 大寫

這在功能上與

示例相同。 slice()> substring()

function capitalizeFirstLetterSubstring(str) {
  return str.substring(0, 1).toUpperCase() + str.substring(1);
}
登入後複製
8。用

>(字符字符)大寫的首字母:> charAt()這將字符串分為單個角色,大寫,然後重新加入。 效率低於其他方法。

slice() 9。用

>:
function capitalizeFirstLetterCharAt(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}
登入後複製

大寫 這使用split()來定位並替換第一個字符。 >

10。用
function capitalizeFirstLetterSplit(str) {
  let arr = str.split('');
  arr[0] = arr[0].toUpperCase();
  return arr.join('');
}
登入後複製
>:

大寫 replace()這將大寫的第一個字符與其餘的字符串。

// Usage: Attaches to keyup event of all input fields
$("input").keyup(function() {
  toUpper(this);
});

// Function: Capitalizes the first letter of each word
function toUpper(obj) {
  let mystring = obj.value;
  let sp = mystring.split(' ');
  let word = [];
  for (let i = 0; i < sp.length; i++) {
    let f = sp[i].substring(0, 1).toUpperCase();
    let r = sp[i].substring(1).toLowerCase();
    word[i] = f + r;
  }
  let newstring = word.join(' ');
  obj.value = newstring;
  return true;
}
登入後複製
登入後複製
所有這些方法都達到了相同的基本結果,但是它們的效率和可讀性可能會有所不同。 僅利用首字母時,通常首選

slice()的方法,因為它們的簡單性和效率。 為了使所有首字母的單詞字母,charAt()>,split()組合提供了一個乾淨可讀的解決方案。

以上是大寫按鍵上的每個單詞的第一字母的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板