Javascript/n显示为字符串的一部分

请注意，第二行到最后一行带有连接的“\n”。它似乎被添加到字符串的一部分，而不是像我希望的那样充当换行符

你知道我做错了什么吗

我试图在一个在线编码练习环境中展示这一点。没有涉及HTML

var currentInventory = [
  {
    name: 'Brunello Cucinelli',
    shoes: [
      {name: 'tasselled black low-top lace-up', price: 1000},
      {name: 'tasselled green low-top lace-up', price: 1100},
      {name: 'plain beige suede moccasin', price: 950},
      {name: 'plain olive suede moccasin', price: 1050}
    ]
  },
  {
    name: 'Gucci',
    shoes: [
      {name: 'red leather laced sneakers', price: 800},
      {name: 'black leather laced sneakers', price: 900}
    ]
  }
];

function renderInventory(inventoryList) {
  var summaryList = [];

  for (var i = 0; i < inventoryList.length; i++) {
    var currentElement = inventoryList[i];
    var designerName = currentElement.name;
    var shoes = currentElement.shoes;

    for (var j = 0; j < shoes.length; j++) {
      var shoe = shoes[j].name;
      var price = shoes[j].price;

      summaryList.push(designerName + ', ' + shoe + ', ' + price);
    }
  }
  var summaryString = turnListToString(summaryList);

  return summaryString;
}

function turnListToString(list) {
  var outputString = '';

  for (var i = 0; i < list.length; i++) {
    outputString += list[i] + '\n';
  }

var currentInventory=[
{
名称：“布鲁内罗·库奇内利”，
鞋：[
{名称：'流苏黑色低帮系带'，价格：1000}，
{名称：'流苏绿色低顶系带'，价格：1100}，
{名称：'纯米色麂皮摩卡鞋'，价格：950}，
{名称：'纯橄榄绒面摩卡鞋'，价格：1050}
]
},
{
名称：“古奇”，
鞋：[
{名称：'红色皮革鞋带运动鞋'，价格：800}，
{名称：'黑色皮革鞋带运动鞋'，价格：900}
]
}
];
函数renderInventory（清单列表）{
var summaryList=[]；
对于（变量i=0；i

\n

将帮助您在输入框的值中添加换行符，但不会在

innerHTML

或

textContent

中添加

改用

outputString += list[i] + '</br>';

outputString+=list[i]+'
；

如果要在元素中显示，请使用

而不是

\n

。