Vue.js：如何将数组转换为对象？

Question

在 Vue.js 中：如何将数组转换为对象？我只想从数组中获取名称值“Willy”。

来自 LocalStorage 的数组数据：

[{"id":"56b5","name":"Willy","email":"willy@test","password":"1234"}]

我希望它像这样转换：

{"id":"56b5","name":"Willy","email":"willy@test","password":"1234"}

请帮忙。

进一步使用：

let user = localStorage.getItem('user-info');
this.name = JSON.parse(user).name;

结果应该是“Willy”。

Answer 1

[{"id":"56b5","name":"Willy","email":"willy@test","password":"1234"}]

是数组内的单个对象。您可以通过获取第一个对象来访问它：

let user = localStorage.getItem('user-info');
this.name = JSON.parse(user)[0].name;

如果您的存储中没有数据，您可能需要使用可选链接或类似模式：

let user = localStorage.getItem('user-info');
this.name = JSON.parse(user)?.[0]?.name;
// or
this.name = (JSON.parse(user) ?? [])[0]?.name;

您还可以考虑将

user-info

保存为对象而不是数组（在保存到本地存储之前获取数组中的第一个对象）。