使用 vue.js 将二维关联数组转换为 Object

Posted 2023-02-22

【中文标题】使用 vue.js 将二维关联数组转换为 Object

【英文标题】：Convert two dimensional associated array to Object using vue.js

【发布时间】：2021-07-14 12:27:45

【问题描述】：

我有一个多维关联数组maplist，如下所示，

现在，我想将其转换为如下图所示的对象，

根据maplist 对象图像，对象应排列成数组id 将是对象key，数组name 将是对象value。

如果我将数组简化为如下所示的单个对象，

let keyedOb = maplist.reduce((o,v) => o[v.id] = v.name; return o,)

然后，如下图所示，

【问题讨论】：

二维数组如何？它看起来像一个简单的对象数组？

它显示为“maplist > Array(151)”。但第二张图片显示“地图列表>对象”。那我错了吗？

您正在显示一个单维数组被缩减为单个对象

【参考方案1】：

要将数组缩减为单个对象，您可以执行类似的操作

let keyedOb = maplist.reduce((o,v) => o[v.id] = v.name; return o,)

【讨论】：

通过减少数组没有显示任何值。它根据我的问题第三张图片显示。

errr，我将它放入一个名为 keyedOb 的新值中，我不确定您的目标是什么，因为您没有显示周围的 vue 代码，但我猜您想将上面的内容放入计算属性。