JavaScriptでcapitalize、アルファベット一文字目を大文字にする

JavaScript でアルファベット文字列の1文字目だけを大文字にしたい機会がありました。Ruby でいう String#capitalize のようなメソッドで、JavaScript に同じようなのがないか調べたところなさそう。ということで、以下をこしらえた。

【お知らせ】英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！

画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

JavaScript で capitalize するメソッド

通常の関数で定義。

function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

capitalizeFirstLetter("hello");  // => "Hello"

function capitalizeFirstLetter(str) {

return str.charAt(0).toUpperCase() + str.slice(1);

}

capitalizeFirstLetter("hello"); // => "Hello"

組み込みの String オブジェクトに追加する場合は以下。String の prototype にメソッドを追加します。

if (typeof String.capitalizeFirstLetter !== "function") {
  String.prototype.capitalizeFirstLetter = function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
  }
}

if (typeof String.capitalizeFirstLetter !== "function") {

String.prototype.capitalizeFirstLetter = function() {

return this.charAt(0).toUpperCase() + this.slice(1);

}

こうすると、以下のように使えて便利。

"hello".capitalizeFirstLetter();  // => "Hello"

1	"hello".capitalizeFirstLetter(); // => "Hello"

以下の Stack Overflow ページを参考にしました。というかほぼそのまんまです、笑。

– 参考リンク –
Capitalize the first letter of string in JavaScript – Stack Overflow

オライリーのJavaScritp本（通称サイ本）は、昔かなり読み込みました。

JavaScript 第6版

jQuery レッスンブック jQuery2.X/1.X対応

>> 次の記事 : JavaScriptでスクロールを一時的に止める

<< 前の記事 : JavaScriptでrangeオブジェクトから座標を取得するコード

JavaScriptでcapitalize、アルファベット一文字目を大文字にする

JavaScript で capitalize するメソッド

Leave Your Message! コメントをキャンセル