我无法使用HTML（innerHTML）中的Javascript显示排序后的数组

Question

我对整数数组进行了排序，并尝试用HTML显示它，但我不知道该怎么做。

我已经尝试在不使用功能显示的情况下打印元素

 var array = [4, 2, 8, 3, 5]; for (var i = 0; i < array.length; i++) { for (var j = i + 1; j < array.length; j++) { if (array[i] > array[j]) { var temp = array[i]; array[i] = array[j]; array[j] = temp; } } } function display(array) { for (var i = 0; i < array.length; i++) { console.log(array[i]); document.getElementById("visualization").innerHTML = array; } } window.document.getElementById("visualization").innerHTML = display(array);

 <p id="visualization"></p>

预期结果：2,3,4,5,8实际结果：未定义

当我使用Chrome控制台时，一切正常！ 排序代码没有错。

Answer 1

这里的问题是display函数的执行不返回任何内容，因此它隐式返回undefined并且您正在将此结果（ undefined ）设置到该元素的innerHTML中。 一种可能的解决方案是从display函数返回字符串，或者准备该函数内部所有值的字符串，将innerHTML设置为该字符串，不返回任何内容，然后仅调用display函数（下面是一个示例）

您需要为innerHTML创建字符串

 var array = [4, 2, 8, 3, 5]; array.sort((a,b) => a < b ? -1 : (a == b ? 0 : 1)); function display(array){ var html = ""; for(var i=0; i<array.length; i++){ console.log(array[i]); html += `<p>${array[i]} </p>`; } document.getElementById("visualization").innerHTML = html; } display(array)

 <html> <head> </head> <body> <p id="visualization"></p> </body> </html>

Answer 2

我简化了您的代码，

看一下jsFiddle，

您可以只使用数组排序方法，

您正在尝试使用innerHTML一个没有返回值的函数。 而是尝试返回一个字符串，或者使用字符串连接方法

  var array = [4, 2, 8, 3, 5]; array.sort() document.getElementById("visualization").innerHTML = array.join(",")

 <html> <head> </head> <body> <p id="visualization"></p> </body> </html>

https://jsfiddle.net/mje21Lwv/

  var array = [4, 2, 8, 3, 5];

  array.sort()

  document.getElementById("visualization").innerHTML = array.join(",")

我无法使用HTML（innerHTML）中的Javascript显示排序后的数组

问题描述

2 个解决方案

解决方案1
2 2019-08-23 10:05:13

解决方案2
0 2019-08-23 10:10:50

我无法使用HTML（innerHTML）中的Javascript显示排序后的数组

问题描述

2 个解决方案

解决方案1 2 2019-08-23 10:05:13

解决方案2 0 2019-08-23 10:10:50

解决方案1
2 2019-08-23 10:05:13

解决方案2
0 2019-08-23 10:10:50