如何在 JavaScript 中替换特定索引处的字符？

要从字符串中替换字符，有一些流行的方法可用，我们将在本文中介绍两种最流行的方法。第一种方法是使用 substr() 方法。在第二种方法中，我们将字符串转换为数组并替换索引处的字符。这两种方法描述如下：

使用 substr() 方法： substr() 方法用于将子字符串从给定的起始索引提取到另一个索引。这可用于提取字符串中不包括要替换的字符的部分。

可以通过使用起始索引参数作为'0'（表示字符串的开始）和长度参数作为必须替换字符的索引来提取字符串的第一部分。

字符串的第二部分可以通过使用起始索引参数'index + 1'来提取，它表示字符索引之后的字符串部分。省略第二个参数以获取其后的整个字符串。

创建的新字符串将字符串的两个部分与要替换的字符连接在其间。这将创建一个在索引处替换字符的新字符串。

• 句法：

  function replaceChar(origString, replaceChar, index) {
      let firstPart = origString.substr(0, index);
      let lastPart = origString.substr(index + 1);
        
      let newString = firstPart + replaceChar + lastPart;
      return newString;
  }
  

• 例子：

    
  
      
          How to replace a character at a
          particular index in JavaScript?
      
        
      
          .container{
              text-align: left;
              width:500px;
              padding-left:60px;
          }
    
      
  
    
  
      
          
              GeeksforGeeks
          
            
          
              
                  How to replace a character at a
                  particular index in JavaScript?
              
                
              
                  The character at the 8th index
                  would be replaced by "M".
              
                
              
                  Original string is: GeeksforGeeks
              
                
              
                  New String is:
                  
              
            
              
                  Replace Character
              
          
      
        
      
          function replaceChar(origString, replaceChar, index)
          {
              let firstPart = origString.substr(0, index);
                
              let lastPart = origString.substr(index + 1);
    
              let newString = 
                  firstPart + replaceChar + lastPart;
                
              return newString;
          }
    
          function changeText() {
              originalText = "GeeksforGeeks";
    
              charReplaced =
                  replaceChar(originalText, "M", 8);
    
              document.querySelector('.output').textContent
                      = charReplaced;
          }
      
  
    

• 输出：
  单击按钮之前：
  
  点击按钮后：
  

将字符串转换为数组并替换索引处的字符：使用 split() 方法将字符串转换为数组，分隔符为空白字符(“”)。这会将字符串拆分为一个数组，并使每个字符都可以作为数组的索引访问。

然后可以简单地将必须替换的字符分配给数组的相应索引。使用 join() 方法将数组连接回字符串，分隔符为空白字符(“”)。这将创建一个在索引处替换字符的新字符串。

• 句法：

  function replaceChar(origString, replaceChar, index) {
      let newStringArray = origString.split("");
  
      newStringArray[index] = replaceChar;
  
      let newString = newStringArray.join("");
  
      return newString;
  }

• 例子：

    
  
      
          How to replace a character at a
          particular index in JavaScript?
      
        
      
          .container {
              text-align: left;
              width: 500px;
              padding-left: 60px;
          }
      
  
    
  
      
          
              GeeksforGeeks
          
            
          
              
                  How to replace a character at a
                  particular index in JavaScript?
              
                
              
                  The character at the 8th index
                  would be replaced by "M".
              
                
              
                  Original string is: GeeksforGeeks
              
                
              
                  New String is:
                  
              
    
              
                  Replace Character
              
          
      
        
      
          function replaceChar(origString, replaceChar, index)
          {
              let newStringArray = origString.split("");
    
              newStringArray[index] = replaceChar;
    
              let newString = newStringArray.join("");
    
              return newString;
          }
    
          function changeText() {
                
              originalText = "GeeksforGeeks";
    
              charReplaced =
                  replaceChar(originalText, "M", 8);
    
              document.querySelector('.output').textContent
                          = charReplaced;
          }
      
  
    

• 输出：
  点击按钮前：
  
  点击按钮后：