javascript - 根据属性显示排序的 Json 数据
问题描述
我有以下数据:
[
{Genre: "Classical", Artist: "Vince", Site: "www.vinny.uk"},
{Genre: "EDM", Artist: "Bart", Site: "www.barry.uk"},
{Genre: "Rock", Artist: "Judas", Site: "www.judy.uk"},
{Genre: "Rock", Artist: "Bran", Site: "www.branny.uk"},
{Genre: "EDM", Artist: "Tom", Site: "www.tommy.uk"}
]
我想在布局中显示数据,如下所示:
<div>
<h1>Rock</h1>
<a href="www.judy.uk"><h3>Judas</h3></a>
<a href="www.branny.uk"><h3>Bran</h3></a>
</div>
<div>
<h1>EDM</h1>
<a href="www.barry.uk"><h3>Bart</h3></a>
<a href="www.tommy.uk"><h3>Tom</h3></a>
</div>
<div>
<h1>Classical</h1>
<a href="www.vinny.uk"><h3>Vince</h3></a>
</div>
一个重要的注意事项是我无法编辑数据。我正在使用 JQuery 顺便说一句。
是否可以循环数据,这样我就不必为每种类型输入 data[0].genre、data[1].genre 等?
我怎样才能做到这一点?可能吗?也许这是一个简单或不清楚的问题,但我对此很陌生。
解决方案
您可以通过使用 for 循环轻松实现此目的。在W3schools上,他们解释得非常好。ForEach 也可能对此非常有帮助
推荐阅读
- python - python lockf:LOCK_EX 有效,但 LOCK_SH 无效
- redux - combineReducers 破坏了简单的单元测试?初始状态行为已更改
- c - 如何将相同长度的两个数组中的公共值复制到另一个没有重复的数组中?
- oracle11g - 有没有办法将列名作为日期的csv导入oracle?
- java - 嵌入式的休眠延迟加载字段
- c - 在 A 行和 B 行输出?
- spring - Resilience 4j 断路器的单独属性文件
- javascript - 在 git 初始化的文件夹上创建 Gatsby 项目
- linux - 当我启动我的终端时,我收到此错误消息,这是什么意思?
- java - 测试非 ASCII 字符不起作用 Java