JavaScript：如何拆分数组内含\n的内容并换行后包裹p标签？

实现步骤 #

1. 拼接数组所有字符串：把数组里的每个元素合并成一个完整字符串，统一处理所有换行符。
2. 分割句子：以\n为分隔符，将完整字符串拆分为单个句子组成的数组。
3. 过滤空内容：移除分割后产生的空字符串（原字符串末尾的\n会导致分割出空元素）。
4. 生成<p>标签：遍历过滤后的句子数组，给每个句子包裹<p>标签。

代码示例 #

const Arr = ["Lorem ipsum dolor\n facilis obcaecati.\n tervis bigdole.\n", "sit amet consectetur adipisicing elit.\n amet consectetur adipisicing\n", "Similique minima ea iure corrupti molestias?\n facilis obcaecati.\n fdloef obdcaecati.\n", "Aperiam enim ipsam debitis animi facere\n", "incidunt veritatis quia quos doloremque\n", "odio adipisci face octa bile obati.\n similique facilis obcaecati.\n"];

// 拼接数组内所有字符串
const fullText = Arr.join('');
// 按换行符分割成句子数组
const sentences = fullText.split('\n');
// 过滤掉空字符串和纯空格的内容
const validSentences = sentences.filter(sentence => sentence.trim() !== '');
// 给每个有效句子包裹p标签
const pTags = validSentences.map(sentence => `<p>${sentence.trim()}</p>`);

// 打印结果，或直接插入DOM
console.log(pTags.join('\n'));

// 若要插入页面元素，比如id为content的容器
// document.getElementById('content').innerHTML = pTags.join('');

补充说明 #

• 用trim()可以去除句子前后的冗余空格，如果需要保留原字符串的空格格式，可去掉该方法。
• 最终的pTags数组可直接拼接成字符串插入页面，或根据需求进一步处理。

内容的提问来源于stack exchange，提问作者Mohammad Khavari