如何在 JavaScript 中使字符串的第一个字母大写？

在JavaScript中有多种方法可以将字符串的首字母大写。以下是方法：

1. toUpperCase() ：
   此函数适用于字符串并将所有字母更改为大写。
   句法：

   string.toUpperCase()
   

   返回值：此函数返回大写字符串。

2. 切片（） ：
   此函数应用于字符串并根据传递的参数对其进行切片。
   句法：

   string.slice(start, end)
   

   • 开始：此参数是必需的。它指定开始切片的位置。索引从位置 0 开始。
   • end：这是可选参数。它指定结束切片的位置（不包括结束）。如果省略此参数，则选择从开始的所有字符。

   返回值：此函数返回切片后的字符串。

3. 字符（） ：
   此 charAt()函数返回字符中给定位置的字符串。
   句法：

   string.charAt(index)
   

   返回值：该函数返回字符中指定位置的字符串。

4. 替换（） ：
   这是 JavaScript 中的内置函数，用于将字符串的切片替换为另一个字符串或正则表达式。原始字符串不会受到影响。
   句法：

   str.replace(A, B)
   

   参数：这里的参数 A 是正则表达式，B 是一个字符串，它将替换给定字符串的内容。
   返回值：它返回一个带有替换项的新字符串。

   示例 1：此示例使用 slice() 方法将字符串的第一个字母变为大写。

     
     
        
           
        
           
         
       
             
               GeeksForGeeks  
             
             
            
            
               Click to capitalize
            
           
           
               
            
            
           function capitalizeFLetter() {
             var input = document.getElementById("input");
             var x = document.getElementById("div");
             var string = input.value;
             x.innerHTML = string[0].toUpperCase() + 
               string.slice(1);
           }
            
         

   输出：

   • 在点击按钮之前：
     
   • 点击按钮后：
     

     示例 2：此示例使用 slice() 方法将字符串的第一个字母变为大写。

       
       
          
             
          
             
           
         
               
                 GeeksForGeeks  
               
                 
              
              
                 Click to capitalize
              
             
             
                 
              
              
             function capitalizeFLetter() {
               var input = document.getElementById("input");
               var x = document.getElementById("div");
               var string = input.value;
               x.innerHTML = string.charAt(0).toUpperCase() +
                string.slice(1);
             }
              
           

     输出：

     • 在点击按钮之前：
       
     • 点击按钮后：
       

       示例 3：此示例使用字符串.replace() 方法将字符串的第一个字母变为大写。

         
         
            
                    
            
               
             
           
                 
                   GeeksForGeeks  
                      
                
                
                   Click to capitalize
                
               
               
                   
                
                
               function capitalizeFLetter() {
                 var input = document.getElementById("input");
                 var x = document.getElementById("div");
                 var string = input.value;
                 x.innerHTML = 
                  string.replace(/^./, string[0].toUpperCase());
               }
                
             

       输出：

       • 在点击按钮之前：
         
       • 点击按钮后：