JavaScript无法插入换行符\n求助：textarea输入转数组换行异常

Hey there! Let's break down the two problems you're facing with textarea content handling—they're common quirks once you dive into cross-system line break behavior, and easy to fix once you know what's going on.

Issue 1: Splitting textarea content into an array creates extra commas at line breaks #

The root cause here is twofold:

1. Different operating systems use different line break characters (Windows uses \r\n, Unix/macOS uses \n), so splitting on just \n misses half the cases.
2. Empty lines or trailing line breaks generate empty strings in your array, which turn into extra commas when you join the array later.

Here's the fix: Use a regex to match all line break variants, then filter out empty entries to clean up the array:

// Grab the raw text from your textarea
const textInput = document.getElementById('yourTextarea').value;

// Split on both \n and \r\n, then remove empty lines/strings
const lineArray = textInput.split(/\r?\n/).filter(line => line.trim() !== '');

// Now joining with commas won't produce extra commas at line breaks
const commaSeparated = lineArray.join(',');
console.log(commaSeparated); // Outputs "first line,second line" instead of "first line,,second line"

The regex /\r?\n/ covers both line break types, and the filter step eliminates empty strings caused by blank lines or trailing breaks.

Issue 2: Adding <br/> filters out the letter "b" from your text #

This almost certainly comes from a typo in your replace logic—you might have accidentally targeted the letter "b" instead of line breaks. For example, writing replace(/b/g, '<br/>') would replace every "b" in your text with a line break, making it look like the "b"s vanished.

Here's the correct way to replace line breaks with <br/> without messing up your text:

const textInput = document.getElementById('yourTextarea').value;

// Replace all line break variants with <br/>
const formattedText = textInput.replace(/\r?\n/g, '<br/>');

// Insert into your page with innerHTML to render the line breaks properly
document.getElementById('output').innerHTML = formattedText;

If you still see "b"s disappearing, double-check your code for accidental replace calls targeting "b" characters, or any sanitization tools (like DOMPurify) that might be misconfigured to filter content unexpectedly.

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