如何在JavaScript中添加换行符？

下面是几种常见的实现方式：

1. 使用转义字符 \n #

这是字符串中最常用的换行方式，适用于普通字符串字面量：

// 普通字符串里加换行
const str = "第一行内容\n第二行内容";
console.log(str); // 控制台会输出两行

// 对应你代码里的场景，比如给Fitur字段加换行
export const Pelayanan = [
  {
    // ...其他字段
    Fitur: "功能A\n功能B\n功能C",
    // ...其他字段
  },
];

2. 使用模板字符串（反引号 `） #

模板字符串支持直接换行书写，不需要转义字符，可读性更好：

// 直接换行书写
const str = `第一行内容
第二行内容`;
console.log(str);

// 应用到你的代码中
export const Pelayanan = [
  {
    // ...其他字段
    Fitur: `功能A
功能B
功能C`,
    // ...其他字段
  },
];

3. 在DOM元素中添加换行 #

如果是要在网页的HTML元素里显示换行，需要使用 <br> 标签（因为HTML里的\n只会被当作空格）：

// 给DOM元素设置内容时用<br>
document.getElementById("service-info").innerHTML = "第一项服务<br>第二项服务";

4. 兼容Windows系统的 \r\n #

部分Windows场景下需要用\r\n作为换行符（不过现在大部分环境\n也能正常识别）：

const str = "第一行\r\n第二行";

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