JavaScript 追加字串

追加字串是常見的操作，通常是新增在字串結尾。

如果廣義一點，有三種可能：

（1）.在字串結尾追加字串。

（2）.在字串起始位置追加字串。

（3）.在字串中間某一個位置插入字串。

文字通過程式碼例項介紹一下如何實現上述三種需求。

一.字串結尾追加：

使用字串的contact方法實現：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let str="ant";
console.log(str.concat("zone"));

程式碼執行效果截圖如下：

上面程式碼在字元"ant"結尾追加了字串"zone"。

此方法不會修改原字串，而是產生一個全新的字串。

關於concat方法可以參閱JavaScript 字串concat()一章節。

也可以使用+號連線符來實現追加效果，程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let str="ant";
console.log(str+"zone");

程式碼執行效果截圖如下：

實現了字串追加效果，原字串同樣不會改變，產生一個全新字串。

二.字串起始位置新增字串：

非常簡單，與在尾部追加可以使用完全相同的方式。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let str="zone";
let addStr="ant"
console.log(addStr.concat(str));

程式碼執行效果截圖如下：

在str字串的前面新增addStr，只要將str作為contcat方法的引數即可。

也可以使用+號連線符實現，由於太簡單，不做演示。

三.在字串任意位置插入字串：

實際應用中，可能需要更加靈活的方式，也就是在字串任意位置插入字串。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let insertStr = (soure,start, newStr) => {
  return soure.slice(0, start) + newStr + soure.slice(start)
}
let testStr = "螞蟻部落";
console.log(insertStr(testStr,1,"奮鬥"));

程式碼執行效果截圖如下：

上面程式碼可以將"奮鬥"插入到字串"螞蟻部落"中，從位置1處開始插入。

更多內容可以參閱JavaScript 字串指定位置插入新字串一章節。

箭頭函式可以參閱JavaScript 箭頭函式一章節。

上述程式碼使用箭頭函式方法實現的，存在一定瀏覽器相容性問題。

修改成普通函式如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
function insertStr(soure,start, newStr){
  return soure.slice(0, start) + newStr + soure.slice(start)
}
let testStr = "螞蟻部落";
console.log(insertStr(testStr,1,"奮鬥"));

功能與箭頭函式完全一樣，不多介紹。

slice方法可以參閱JavaScript 字串slice()一章節。