JavaScript 给字符串中间加换行

JavaScript 给字符串中间加换行

在前端开发中，有时候我们需要对字符串进行处理，比如在字符串中间加入换行符。这样可以让字符串更易读，也可以美化页面的展示效果。本文将介绍如何使用 JavaScript 给字符串中间加入换行符。

方法一：使用正则表达式

我们可以使用正则表达式来匹配字符串中的特定位置，然后在该位置插入换行符。下面是一个示例代码：

let str = "Hello deepinout.com World";
let newStr = str.replace(/(deepinout\.com)/, '\n$1\n');
console.log(newStr);

Output:

在上面的示例中，我们使用正则表达式匹配了字符串中的 “deepinout.com”，然后在其前后加入了换行符。

方法二：使用字符串拼接

另一种方法是直接使用字符串拼接的方式，在需要加入换行符的位置插入 “\n”。下面是一个示例代码：

let str = "Hello deepinout.com World";
let index = str.indexOf("deepinout.com");
let newStr = str.slice(0, index) + "\n" + str.slice(index) + "\n";
console.log(newStr);

Output:

在上面的示例中，我们首先找到了字符串中 “deepinout.com” 的位置，然后在该位置前后插入了换行符。

方法三：使用 ES6 模板字符串

ES6 的模板字符串提供了一种更简洁的方式来处理字符串拼接，我们可以在模板字符串中直接插入换行符。下面是一个示例代码：

let str = "Hello deepinout.com World";
let newStr = `{str.split("deepinout.com")[0]}\n{"deepinout.com"}\n${str.split("deepinout.com")[1]}`;
console.log(newStr);

Output:

在上面的示例中，我们使用 ES6 的模板字符串将字符串分割成三部分，并在需要加入换行符的位置插入了 “\n”。

方法四：使用 Array.join 方法

我们还可以将字符串转换成数组，然后使用 Array.join 方法来拼接字符串并插入换行符。下面是一个示例代码：

let str = "Hello deepinout.com World";
let arr = str.split("deepinout.com");
let newStr = arr.join("\n");
console.log(newStr);

Output:

在上面的示例中，我们首先将字符串分割成数组，然后使用 Array.join 方法将数组拼接成字符串并插入换行符。

方法五：使用正则表达式和 replace 方法

最后一种方法是结合正则表达式和 replace 方法，直接在字符串中间加入换行符。下面是一个示例代码：

let str = "Hello deepinout.com World";
let newStr = str.replace(/(deepinout\.com)/, '\n$1\n');
console.log(newStr);

Output:

在上面的示例中，我们使用正则表达式匹配了字符串中的 “deepinout.com”，然后在其前后加入了换行符。