admin 管理员组

文章数量: 1184232


2024年3月14日发(作者：web开发总监招聘)

多层对象数组可以通过展开操作将其转换为一层el-table数据格

式。以下是一个示例代码，其中假设多层对象数组的结构类似于JSON

格式，每个对象都有一个相同的属性"name"，表示列名，另一个属性

"value"表示该列的值。

```js

const data = [

{

name: '姓名',

value: {

name: '张三',

age: 20,

gender: '男'

}

},

{

name: '年龄',

value: {

name: '李四',

age: 25,

gender: '女'

}

},

{

name: '性别',

value: {

name: '王五',

age: 30,

gender: '男'

}

}

];

const formattedData = [];

h(item => {

const row = ;

t(); // 将列名添加到数组的第一列

(row);

});

(formattedData); // 输出转换后的数据格式，每行数据

包含多个字段，第一个字段为列名，后续字段为列的值。例如：[ '姓

名', '张三', 20, '男' ]。

```

上述代码遍历多层对象数组，并将每个对象的"value"属性展开为

一行数据，并将"name"属性作为该行数据的第一个字段。最后将所有

行数据拼接在一起，形成一层el-table数据格式。


本文标签： 数组 对象 列名 数据 字段

版权声明：本文标题：多层对象数组转为一层 el-table数据格式 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1710374092a570159.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。