当我点击Random时，它显示[object object]而不是Array Data

当点击"Random"按钮时，页面上显示的是"[object object]"而不是数组数据的原因是，页面上的数据类型不匹配导致的。

在前端开发中，当我们将一个对象（Object）直接转换为字符串时，会得到"[object object]"的结果。这是因为对象在转换为字符串时，默认调用了其toString()方法，而该方法返回的是对象的类型信息。

要解决这个问题，我们需要确保页面上显示的是数组数据而不是对象数据。可以通过以下步骤来实现：

1. 确保数据是一个数组类型：在后端开发中，可以通过查询数据库或调用API获取数据，并将其转换为数组格式。在前端开发中，可以使用JavaScript的Array.from()方法将对象转换为数组，或者直接确保从后端获取的数据是一个数组。
2. 确保数据正确显示在页面上：在前端开发中，可以使用JavaScript的数组遍历方法（如forEach()、map()等）将数组中的每个元素逐个显示在页面上。可以使用HTML的列表元素（如<ul>、<ol>）或表格元素（如<table>）来展示数据。
3. 检查数据的格式化和转换：在前端开发中，有时我们需要对数据进行格式化或转换，以便更好地展示在页面上。确保在进行格式化或转换时，不会改变数据的类型，保持其为数组类型。

总结起来，要解决页面上显示"[object object]"而不是数组数据的问题，需要确保数据是一个数组类型，并正确地将其显示在页面上，同时注意不要改变数据的类型。