我是新手JS。我有一个如下所示的对象列表，
var a = [
{
wa_id: 1,
wa_property_id: 'p1',
wa_view_name: 'ram'
},
{
wa_id: 1,
wa_property_id: 'p1',
wa_view_name: 'sam'
},
{
wa_id: 1,
wa_property_id: 'p2',
wa_view_name: 'kam'
},
{
wa_id: 2,
wa_property_id: 'p5',
wa_view_name: 'pri'
},
{
wa_id: 1,
wa_property_id: 'p3',
wa_view_name: 'ste',
},
]
我想遍历这些对象并创建一个新的单独对象。我想要如下所需的输出
所需输出：
{
"1": {
"p1": ["ram", "sam"],
"p2": ["kam"],
"p3": ["ste"]
},
"2": {
"p5": ["pri"]
}
}
这是我试过的代码，
var a = [
{
wa_id: 1,
wa_property_id: 'p1',
wa_view_name: 'ram'
}, …我是 html 的新手。我需要一个delete带有animated style. 我已经将gif图像用于animation. 我希望当用户将鼠标放在它上面时运行这个图像。目前，gif 图像正在无限运行。当用户将鼠标移到图像上时如何使图像运行。帮我解决一些问题。如果您有任何其他透明删除图像，请提供，它可以帮助我。
这是我尝试的标记：
<html>
<body>
<a>
<img src="https://i.postimg.cc/1RGh8PpK/delete.gif"
alt="Delete image" width="100" height="100" />
</a>
</body>
</html>