用1到870的数字填充div

Question

我是Java语言的新手，我相信这很简单。

我快到了，唯一的问题是我希望每个数字之间都有一个空格，并且我希望它们在div的结尾处中断，很奇怪，它没有发生，并且似乎是一个逗号，我真的不知道想要。

var points = new Array(870);
for (var i = 0; i < 870; i++) {
points[i] = i + 1; }

for (var i = 0; i < points.length; i++) {
$(".numbers").html((points) + " ")}

.number{width:100vw}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=numbers></div>

Answer 1

使用.join()连接数组元素，并在它们之间留一个空格：

var points = new Array(870);
for (var i = 0; i < 870; i++) {
points[i] = i + 1; }


$(".numbers").html(points.join(' '))

.number{width:100vw}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=numbers></div>

Answer 2

var points = new Array(870);
for (var i = 0; i < 870; i++) {
	points[i] = i + 1; 
}

for (var i = 0; i < points.length; i++) {
	$(".numbers").append("<div>"+points[i]+"</div>");
}

.number{width:100vw}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=numbers></div>

Answer 3

在没有jQuery的情况下使用Array.prototype.join ...，并在精确值上进行for

var points = new Array(870);
for (var i = 1; i <= 870; i++) {
  points[i] = i;
}

document.getElementsByClassName("numbers")[0].innerText = points.join(' ');

<div class=numbers></div>