javascript - 在 Vue.js 中随机播放两个 json 文件的内容

Question

我有两个 json 文件，list1.json 和 list2.json，我设法将它们连接起来，但我有两个 Angular 色:

结果列表应仅包含 list1.json 中的 10 个随机项目，以及 list2.json 中的所有项目，然后我应该在页面上以随机顺序显示它们。

我怎样才能做到这一点？

Answer 1

您可以使用 lodash 来完成此任务。

_.sampleSize(list1.json, 10) 将为您提供十个随机项目，那么 _.concat(_.sampleSize(list1.json, 10), list2.json) 将为您提供所需的结果。

获得包含所需项目的列表后，您可以使用 _.shuffle 函数随机化其顺序。

您可以在这里阅读更多内容: https://lodash.com/docs#sampleSize和 https://lodash.com/docs#concat

当然，这两个函数都适用于 JavaScript 数组而不是文件，您必须首先读取/需要这些文件并解析它们。