在 web 開發中，經常需要對字符串進行操作，其中一項重要的任務就是向字符串中插入新的內容。JavaScript 提供了多種方法來實現插入字符串，本文將詳細介紹這些方法。

使用concat()方法拼接新字符串

concat()方法可以用來連接兩個或多個字符串，并返回連接后的新字符串。我們可以利用這個方法將要插入的字符串拼接到原字符串末尾，從而實現在原字符串中插入新內容的效果，如下：

var str = "hello";
var insertStr = "world";
var newStr = str.concat(insertStr);
console.log(newStr); // 輸出：helloworld

使用substr()和slice()方法插入新字符串

除了concat()方法，還有兩個方法可以被用來實現插入新字符串的效果，它們分別是substr()和slice()方法。它們都可以用來截取字符串的一部分并返回一個新的子字符串。我們可以先截取出原字符串中緊貼著要插入的位置前面的一段，再在后面進行拼接，最后再拼接上原字符串中剩余的部分，如下：

var str = "Heo, World!";
var insertStr = "ll";
var index = str.indexOf(insertStr);
var newStr = str.substr(0, index) + insertStr + str.substr(index, str.length - index);
console.log(newStr); // 輸出：Hello, World!

使用replace()方法替換舊字符串

另一種常見的插入新字符串的方法是使用replace()方法，在替換字符串時將舊字符串和新字符串同時包含進去。假設我們要在字符串 "hello world" 中插入新字符串 “JavaScript”，我們可以使用以下代碼：

var str = "hello world!";
var insertStr = "JavaScript";
var index = str.indexOf("world") + "world".length;
var newStr = str.slice(0, index) + insertStr + str.slice(index);
console.log(newStr); // 輸出：“hello JavaScript world!”

使用splice()方法插入新字符串

splice()方法是數組的一個方法，它可以用來添加或刪除數組中的元素。我們可以先把原字符串轉換成字符數組，將要插入的字符串插入到數組中指定的位置，然后再將數組轉換成字符串，如下：

var str = "hello world";
var insertStr = "JavaScript";
var index = str.indexOf("world") + "world".length;
var arr = str.split("");
arr.splice(index, 0, " " + insertStr + " ");
var newStr = arr.join("");
console.log(newStr); // 輸出：“hello JavaScript world”

至此，我們介紹了四種常見的插入新字符串的方法，包括使用 concat()、substr() 和 slice() 方法來拼接字符串，使用 replace() 方法來替換字符串，以及使用 splice() 方法對字符數組進行操作。無論是哪種方法，我們都可以輕松地實現向字符串中插入新內容的效果，提高我們的網站開發效率。