如何在 JavaScript 中的特定索引处插入字符串？

给定一个包含单词的字符串，任务是在给定索引处插入一个新字符串。有两种方法可以解决这个问题，下面将讨论：

方法 1：使用 slice() 方法：首先将字符串分成两部分，将其拆分到必须插入新字符串的位置。 slice()方法用于返回两个索引之间的数组。它有两个参数，一个是指定的开始索引，另一个是结束索引。
使用起始位置为 0 和结束位置作为必须插入新字符串的索引来提取字符串的第一部分。使用起始位置作为必须插入新字符串的索引来提取字符串的第二部分。结束位置在这里是可选的，它将被假定到字符串的末尾。通过简单的字符串连接将新字符串添加到这两个部分之间。

例子：

  

    
        How to insert a string
        at a specific index?
    

  

    
        GeeksforGeeks
    
      
    
        How to insert a string
        at a specific index?
    
      
    The original string is: GeeksGeeks
      
    
        Click on the button to insert
        'For' at the 5th index position
    
      
    
        The new array is: 
        
    
  
    
        Insert element
    
      
    
          
        function insertString() {
            let origString = "GeeksGeeks";
            let stringToAdd = "For";
            let indexPosition = 5;
  
            newString = origString.slice(0, indexPosition)
                    + stringToAdd
                    + origString.slice(indexPosition);
  
            document.querySelector('.outputString').textContent
                    = newString;
        }
    

  

输出：

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

方法二：使用 splice() 方法： split()方法用于根据分隔符拆分字符串。此方法可用于通过指定空白分隔符将字符串拆分为单个字母。此步骤用于将字符串转换为数组，因为下一步需要它。
splice()方法用于在特定索引处插入或替换数组的内容。这可用于在数组的位置插入新字符串。它需要 3 个参数，要插入字符串的索引，要执行的删除次数（如果有）以及要插入的字符串。
所需的索引和字符串作为参数传递给此方法，删除参数设置为 0。它将字符串插入到数组中。使用join()方法将数组连接回来。这使它再次成为一个完整的字符串，并在其间加入新字符串。

例子：

  

    
        How to insert a string
        at a specific index?
    

  

    
        GeeksforGeeks
    
      
    
        How to insert a string
        at a specific index?
    
      
    
        The original string
        is: GeeksGeeks
    
      
    
        Click on the button to insert
        'For' at the 5th index position
    
      
    
        The new array is: 
        
    
  
    
        Insert element
    
      
    
  
        function insertString() {
            let origString = "GeeksGeeks";
            let stringToAdd = "For";
            let indexPosition = 5;
  
            // Split the string into individual
            // characters
            origString = origString.split('');
  
            // Insert the string at the index position
            origString.splice(indexPosition, 0, stringToAdd);
  
            // Join back the individual characters
            // to form a new string
            newString = origString.join('');
  
            document.querySelector('.outputString').textContent
                        = newString;
        }
    

  

输出：

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