javascript - 如何将两个不同的数组数据渲染到一个对象数组中?
问题描述
在我的反应状态下,我有数据进入两个不同的数组,我希望我的组件能够put both arrays data in a single array
. 这是我对两个数组都有的数据格式:
data: {
array1: [
{
name: "John Doe"
},
{
name: "Bob Williams"
}
]
array2: [
{
name: "Clark Kent"
},
{
name: "Bruce Wayne"
}
]
}
如何让我的代码返回数据,以便最终结果如下所示:
_.map(Object.values(this.state.data), (item,key) => {
return _.map(item, (data) => {
return {
name: data.name
}
})
})
期望的输出:
data: [
{ name: "John Doe" },
{ name: "Bob Williams" },
{ name: "Clark Kent" },
{ name: "Bruce Wayne" }
]
解决方案
您可以使用Spread operator ...
将 2 个数组合并为一个。
const data = {array1:[{name:"John Doe"},{name:"Bob Williams"}],array2:[{name:"Clark Kent"},{name:"Bruce Wayne"}]};;
const result = {data: [...data.array1, ...data.array2]};
console.log(result);
推荐阅读
- angular - TypeError:无法在“FormData”上执行“附加”:参数 2 不是“Blob”类型
- sql-server - 如何在 SQL Server 中使用强制转换和切换函数编写查询?
- postgresql - 在 xml bean 中将会话变量添加到实体管理器工厂以在 Postgres 数据库中访问它
- android-recyclerview - 如何使用 FirestoreRecyclerAdapter 使用不同的布局(左右)进行聊天
- generics - Rust:为不同类型(基元和其他)实现泛型方法
- reactjs - 将反应表对齐到页面中心
- ansible - 从列表中为 Ansible 中的每个哈希条目生成哈希列表
- php - Laravel 子域路由 URL
- laravel - 如何修复 git 与 npm 自动生成文件的冲突?
- flutter - 如何将 sqlite 与 AndroidAlarm Manager 依赖项一起使用?