このjQueryスニペットは、文字列内の各単語の最初の文字を大文字にします。 フォーム入力、すべてのキャップのタイトルやテキストの防止に役立ちます。
JavaScript String Capitainizationに関するよくある質問(FAQ)// 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()
。
2。すべての単語をcharAt(0)
、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(' '); }
4。 toUpperCase()
(asciiを使用)なしで最初の文字を大文字にする:toLocaleUpperCase()
toLocaleUpperCase()
toUpperCase()
toUpperCase()
正規表現は、読みやすいとはいえ、強力な解決策を提供します。 最初の文字に一致します。
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()
8。 (文字ごと)で最初の文字を大文字にする:function capitalizeFirstLetterSubstring(str) { return str.substring(0, 1).toUpperCase() + str.substring(1); }
これにより、文字列が個々の文字に分割され、最初の文字を大文字にし、再生します。 他のメソッドよりも効率が低い。charAt()
9。最初の文字をslice()
:
function capitalizeFirstLetterCharAt(str) { return str.charAt(0).toUpperCase() + str.slice(1); }
これはを使用して最初の文字をターゲットに置き換えます。
split()
:
function capitalizeFirstLetterSplit(str) { let arr = str.split(''); arr[0] = arr[0].toUpperCase(); return arr.join(''); }
これは、文字列の残りの部分と大文字の最初の文字を連結します。
// 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()
、map()
、およびjoin()
の組み合わせは、きれいで読みやすいソリューションを提供します。
以上がキープレスのすべての単語の最初の文字を大文字化しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。