如何在JavaScript中将字元串的首字母大寫？

如何使字元串的第一個字母大寫，但不更改其他任何字母的大小寫？

例如：

"this is a test" -> "This is a test"
"the Eiffel Tower" -> "The Eiffel Tower"
"/index.html" -> "/index.html"

#1樓

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

其他一些答案修改了

String.prototype

（這個答案也曾經使用過），但是由于可維護性，我現在不建議這樣做（很難找出将函數添加到

prototype

，如果其他代碼使用相同的代碼，可能會導緻沖突。名稱/浏覽器會在将來添加具有相同名稱的本機功能）。

#2樓

這是一個稱為ucfirst（）的函數（ “大寫首字母”的縮寫）：

function ucfirst(str) {
    var firstLetter = str.substr(0, 1);
    return firstLetter.toUpperCase() + str.substr(1);
}

您可以通過調用ucfirst（“ some string”）來大寫字元串，例如，

ucfirst("this is a test") --> "This is a test"

它通過将字元串分成兩部分來工作。在第一行中，它首先提取firstLetter ，然後在第二行中，它通過調用firstLetter.toUpperCase（）将大寫的首字母大寫，并将其與字元串的其餘部分（通過調用str.substr （1）找到）連接配接起來。

您可能會認為這将導緻一個空字元串失敗，而實際上在像C這樣的語言中，您将不得不滿足這一要求。但是，在JavaScript中，當您接受一個空字元串的子字元串時，您隻會得到一個空字元串。

#3樓

在CSS中：

p:first-letter {
    text-transform:capitalize;
}

#4樓

yourString.replace(/^[a-z]/, function(m){ return m.toUpperCase() });

（如果您經常使用它，則可以将其封裝在一個函數中，甚至可以将其添加到String原型中。）

#5樓

我們可以使用我最喜歡的

RegExp

來獲得第一個字元，它看起來像一個可愛的笑臉：

/^./

String.prototype.capitalize = function () {
  return this.replace(/^./, function (match) {
    return match.toUpperCase();
  });
};

對于所有咖啡迷：

String::capitalize = ->
  @replace /^./, (match) ->
    match.toUpperCase()

...對于所有認為有更好方法的人，而無需擴充本機原型：

var capitalize = function (input) {
  return input.replace(/^./, function (match) {
    return match.toUpperCase();
  });
};

#6樓

var string = "hello world";
string = string.charAt(0).toUpperCase() + string.slice(1);
alert(string);

#7樓

在另一種情況下，我需要将其首字母大寫，将其餘字母小寫。以下情況使我更改了此功能：

//es5
function capitalize(string) {
    return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
}
capitalize("alfredo")  // => "Alfredo"
capitalize("Alejandro")// => "Alejandro
capitalize("ALBERTO")  // => "Alberto"
capitalize("ArMaNdO")  // => "Armando"

// es6 using destructuring 
const capitalize = ([first,...rest]) => first.toUpperCase() + rest.join('').toLowerCase();

#8樓

String.prototype.capitalize = function(allWords) {
   return (allWords) ? // if all words
      this.split(' ').map(word => word.capitalize()).join(' ') : //break down phrase to words then  recursive calls until capitalizing all words
      this.charAt(0).toUpperCase() + this.slice(1); // if allWords is undefined , capitalize only the first word , mean the first char of the whole string
}

然後：

"capitalize just the first word".capitalize(); ==> "Capitalize just the first word"
 "capitalize all words".capitalize(true); ==> "Capitalize All Words"

更新2016年11月（ES6），僅用于樂趣：

const capitalize = (string = '') => [...string].map(    //convert to array with each item is a char of string by using spread operator (...)
    (char, index) => index ? char : char.toUpperCase()  // index true means not equal 0 , so (!index) is the first char which is capitalized by `toUpperCase()` method
 ).join('')                                             //return back to string

然後

capitalize("hello") // Hello

#9樓

var str = "test string";
str = str.substring(0,1).toUpperCase() + str.substring(1);

#10樓

如果您使用underscore.js或Lo-Dash ，則underscore.string庫提供字元串擴充名，包括大寫：

_.capitalize（string）将字元串的首字母轉換為大寫。

例：

_.capitalize("foo bar") == "Foo bar"

#11樓

使用：

它将向控制台輸出

"Ruby java"

。

#12樓

function capitalize(s) {
    // returns the first letter capitalized + the string from index 1 and out aka. the rest of the string
    return s[0].toUpperCase() + s.substr(1);
}


// examples
capitalize('this is a test');
=> 'This is a test'

capitalize('the Eiffel Tower');
=> 'The Eiffel Tower'

capitalize('/index.html');
=> '/index.html'

#13樓

簽出此解決方案：

var stringVal = 'master';
stringVal.replace(/^./, stringVal[0].toUpperCase()); // returns Master

#14樓

這是一種更加面向對象的方法：

String.prototype.capitalize = function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
}

您可以像下面這樣調用該函數：

"hello world".capitalize();

預期輸出為：

"Hello world"

#15樓

如果您對釋出的幾種不同方法的性能感興趣：

這是基于此jsperf測試的最快方法（從最快到最慢的順序）。