77 lines
2.8 KiB
Markdown
77 lines
2.8 KiB
Markdown
|
---
|
|||
|
|
title: Capitalize the First Letter of a String
|
|||
|
|
localeTitle: 将字符串的第一个字母大写
|
|||
|
|
---
|
|||
|
|
要大写随机字符串的第一个字母，您应该按照以下步骤操作：
|
|||
|
|
|
|||
|
|
1. 获取字符串的第一个字母;
|
|||
|
|
2. 将第一个字母转换为大写;
|
|||
|
|
3. 获取字符串的其余部分;
|
|||
|
|
4. 将首字母大写与字符串的其余部分连接起来并返回结果;
|
|||
|
|
|
|||
|
|
## 1.获取字符串的第一个字母
|
|||
|
|
|
|||
|
|
你应该使用[charAt（）](http://forum.freecodecamp.com/t/javascript-string-prototype-charat/15932)方法， 在_索引0处_ ，选择字符串的第一个字符。
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
var string = "freeCodecamp";
|
|||
|
|
|
|||
|
|
string.charAt(0); // Returns "f"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
> 注意： `charAt`优于使用`[ ]` （ [括号表示法](http://forum.freecodecamp.com/t/javascript-string-prototype-touppercase/15950) ）为`str.charAt(0)` 在`''[0]`情况下，为`str = ''`返回一个空字符串（ _`''`_ ）而不是`undefined` 。
|
|||
|
|
|
|||
|
|
## 2.将第一个字母转换为大写
|
|||
|
|
|
|||
|
|
您可以使用[toUpperCase（）](http://forum.freecodecamp.com/t/javascript-string-prototype-touppercase/15950)方法 并将调用字符串转换为大写。
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
var string = "freeCodecamp";
|
|||
|
|
|
|||
|
|
string.charAt(0).toUpperCase(); // Returns "F"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 3.获取字符串的剩余部分
|
|||
|
|
|
|||
|
|
您可以使用[slice（）](https://github.com/freecodecamp/freecodecamp/wiki/js-array-prototype-slice)方法并获取 字符串的剩余部分（从第二个字符， _索引1_到字符串的结尾）。
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
var string = "freeCodecamp";
|
|||
|
|
|
|||
|
|
string.slice(1); // Returns "reeCodecamp"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 4.返回结果，添加第一个字母和字符串的其余部分
|
|||
|
|
|
|||
|
|
您应该创建一个接受字符串作为唯一参数的函数，并返回第一个字母的串联 大写`string.charAt(0).toUpperCase()`和字符串`string.slice(1)`的其余部分。
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
var string = "freeCodecamp";
|
|||
|
|
|
|||
|
|
function capitalizeFirstLetter(str) {
|
|||
|
|
return str.charAt(0).toUpperCase() + str.slice(1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
capitalizeFirstLetter(string); // Returns "FreeCodecamp"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
或者您可以将该函数添加到`String.prototype`以便使用以下代码直接在字符串上使用它 （ _这样该方法不可枚举，但可以在以后覆盖或删除_ ）：
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
var string = "freeCodecamp";
|
|||
|
|
|
|||
|
|
/* this is how methods are defined in prototype of any built-in Object */
|
|||
|
|
Object.defineProperty(String.prototype, 'capitalizeFirstLetter', {
|
|||
|
|
value: function () {
|
|||
|
|
return this.charAt(0).toUpperCase() + this.slice(1);
|
|||
|
|
},
|
|||
|
|
writable: true, // so that one can overwrite it later
|
|||
|
|
configurable: true // so that it can be deleted later
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
string.capitalizeFirstLetter(); // Returns "FreeCodecamp"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 资源
|
|||
|
|
|
|||
|
|
[stackoverflow - 在JavaScript中大写字符串的第一个字母](http://stackoverflow.com/questions/1026069/capitalize-the-first-letter-of-string-in-javascript/1026087#1026087)
|