JS 插入字符串|极客笔记

JS 插入字符串

在前端开发中，经常会遇到需要向特定位置插入字符串的情况。JavaScript提供了多种方法来处理字符串插入操作，本文将详细介绍这些方法的使用及示例代码。

1. 使用字符串拼接

最简单的方法是使用字符串拼接，将要插入的字符串与原字符串拼接在一起。例如：

let originalStr = "Hello,";
let insertStr = "World!";
let result = originalStr + " " + insertStr;
console.log(result); // Output: "Hello, World!"

2. 使用字符串的 `slice()` 方法

slice() 方法可以从字符串中提取出指定位置的子字符串，然后将要插入的字符串插入其中。例如：

let originalStr = "Hello,!";
let insertStr = "World";
let result = originalStr.slice(0, 6) + insertStr + originalStr.slice(6);
console.log(result); // Output: "Hello, World!"

3. 使用字符串的 `substr()` 方法

substr() 方法和 slice() 方法类似，可以提取出指定位置的子字符串，然后将要插入的字符串插入其中。例如：

let originalStr = "Hello,!";
let insertStr = "World";
let result = originalStr.substr(0, 6) + insertStr + originalStr.substr(6);
console.log(result); // Output: "Hello, World!"

4. 使用字符串的 `substring()` 方法

substring() 方法也可以提取出指定位置的子字符串，然后将要插入的字符串插入其中。例如：

let originalStr = "Hello,!";
let insertStr = "World";
let result = originalStr.substring(0, 6) + insertStr + originalStr.substring(6);
console.log(result); // Output: "Hello, World!"

5. 使用 ES6 模板字符串

ES6 引入了模板字符串，可以方便地进行字符串插值。通过 ${} 来插入变量或表达式。例如：

let originalStr = "Hello,";
let insertStr = "World!";
let result = ` ${originalStr}$ {insertStr}`;
console.log(result); // Output: "Hello, World!"

6. 使用正则表达式

正则表达式也是一种处理字符串插入的方法，通过使用正则表达式的 replace() 方法来实现。例如：

let originalStr = "Hello,!";
let insertStr = "World";
let result = originalStr.replace(/,/, `${insertStr},`);
console.log(result); // Output: "Hello, World!"