JS中如何使用换行符重新拼接字符串数组？

算力阿峰

2026-6-19

解决思路

修正转义字符错误：你代码里的"/n"是拼写错误，JavaScript中表示换行的转义字符是\n，先把拼接代码改成：
```
lineItem.textContent = newLineItem.join("\n");
```
让换行在页面可见：
仅用textContent设置\n的话，HTML默认会将换行视为空格，需要给.cfw-cart-item-data元素添加CSS样式，让换行生效：
```
.cfw-cart-item-data {
    white-space: pre-line;
}
```
该样式会保留换行符，同时自动处理多余空白。
替代方案：使用HTML换行标签：
若不想额外添加CSS，可改用innerHTML，用<br>标签实现换行：
```
lineItem.innerHTML = newLineItem.join("<br>");
```
这种方式无需CSS，直接在页面中渲染换行。