在循环中缩进并为我的数组创建新空间

Question

e4 = prompt("Enter the five favorite sports", "hockey,football,basketball,tennis,golf");
e4 = e4.split(",")
for (var i = 0; i < e4.length; i++) {
    if (e4[i] == "football") {
        e4[i] = "soccer";
    }
} 
e5 = prompt("Enter extra sport", "formula 1");
e4.push(e5);
for (var i = 0; i < e4.length; i++) {
    e4[i] = e4[i].toUpperCase();
}
e4.sort();

这是我的代码行，可以像这样打印出来

["BASKETBALL", "FORMULA 1", "GOLF", "HOCKEY", "SOCCKER", "TENNIS]

但是，我想打印出的格式如下：

BASKETBALL
FORMULA 1
GOLF
HOCKEY
SOCCER
TENNIS

其他代码的新行将从这里开始。

我来自C++所以我知道n，但是您将如何像这样格式化它，以便它像上面一样缩进并在每次通过数组中的元素时创建新行？

Answer 1

IMO，这是一个完美的用例Array#join

使用<br/>标签作为[].join中的胶水

var e4 = prompt("Enter the five favorite sports", "hockey,football,basketball,tennis,golf");
e4 = e4.split(",")
for (var i = 0; i < e4.length; i++) {
  if (e4[i] == "football") {
    e4[i] = "soccer";
  }
}
e5 = prompt("Enter extra sport", "formula 1");
e4.push(e5);
for (var i = 0; i < e4.length; i++) {
  e4[i] = e4[i].toUpperCase();
}
var sorted = e4.sort().join('<br/>');
document.body.innerHTML = sorted;

Answer 2

您可以尝试如下操作：

e4 = prompt("Enter the five favorite sports", "hockey,football,basketball,tennis,golf");
e4 = e4.split(",");
for (var i = 0; i < e4.length; i++) {
	if (e4[i] == "football") {
		e4[i] = "soccer";
	}
}
e5 = prompt("Enter extra sport", "formula 1");
e4.push(e5);
e4.sort();
for (var i = 0; i < e4.length; i++) {
	e4[i] = e4[i].toUpperCase();
	if (i == e4.length) {
		e4[i] = "    " + e4[i];
	} else {
		e4[i] = "    " + e4[i] + "n";
	}
}
console.log(e4.toString().replace(/,/g, ""));