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

标签 javascript json vue.js

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

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

我怎样才能做到这一点?

最佳答案

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

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

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

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

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

关于javascript - 在 Vue.js 中随机播放两个 json 文件的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37654671/

相关文章:

laravel - axios 删除一个请求的默认 header

php - 我如何让 emacs 区分我在编写 PHP、HTML 和 JavaScript 时的区别?

javascript - Snap.svg 沿路径拖动组

javascript - 为什么 YouTube JavaScript Player API 打开与我的代码中的 URL 不同的 URL,并且只播放播放列表的第一个视频?

javascript - Angular ,限制子重复

ios - UITableView带有Json文件,加载图像到单元格消失

python - 如何从 Python 中的 json.loads 获取错误位置

web-services - ASP.NET Web 服务错误地返回 XML 而不是 JSON

javascript - VueJS 中的下拉菜单(事件菜单的切换)

javascript - VueJS 使实例属性具有反应性