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

在前端开发中，经常会遇到需要在一个字符串的特定位置插入另一个字符串的情况。JavaScript 提供了多种方法来实现这个功能。

方法一：String.prototype.slice()

可以使用 slice() 方法将原始字符串分成两部分，然后在指定索引处插入新字符串。示例代码如下：

const originalString = 'Hello world!';
const insertString = 'beautiful ';

const index = 6;
const newString = originalString.slice(0, index) + insertString + originalString.slice(index);

console.log(newString); // 输出: 'Hello beautiful world!'

上述代码中，首先定义了原始字符串和要插入的字符串，然后定义了要插入的位置的索引值。通过 slice() 方法可以将原始字符串切成两部分，然后使用 + 运算符将它们与要插入的字符串连接起来。

方法二：String.prototype.substring()

可以使用 substring() 方法在指定索引处插入新字符串。示例代码如下：

const originalString = 'Hello world!';
const insertString = 'beautiful ';

const index = 6;
const newString = originalString.substring(0, index) + insertString + originalString.substring(index);

console.log(newString); // 输出: 'Hello beautiful world!'

上述代码中，也是定义了原始字符串和要插入的字符串，然后定义了要插入的位置的索引值。使用 substring() 方法可以将原始字符串分成两部分并插入要插入的字符串，最后将它们连接起来。

方法三：String.prototype.substr()

可以使用 substr() 方法在指定索引处插入新字符串。示例代码如下：

const originalString = 'Hello world!';
const insertString = 'beautiful ';

const index = 6;
const newString = originalString.substr(0, index) + insertString + originalString.substr(index);

console.log(newString); // 输出: 'Hello beautiful world!'

上述代码中，同样定义了原始字符串和要插入的字符串，以及定义了要插入的位置的索引值。通过 substr() 方法可以获取原始字符串的子串，并在特定的索引处插入新字符串。

总之，以上三种方法都可以实现在特定索引处插入字符串的功能。开发者可以根据具体情况选择最合适的方法。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9038