javascript - 将不同的对象数组推送到另一个数组
问题描述
我有一个产品数组和客户数组
我想将所有客户数组对象添加到产品数组
let product = [
{image:"image1",id:0},
{image:"image2",id:1},
{image:"image3",id:2},
{image:"image4",id:3},
{image:"image5",id:4}
];
let customer = [
{user_id:11},
{user_id:12},
{user_id:13},
{user_id:14},
{user_id:15}
];
我想要这个数组
let product = [
{image:"image1",id:0,user_id:11},
{image:"image2",id:1,user_id:12},
{image:"image3",id:2,user_id:13},
{image:"image4",id:3,user_id:14},
{image:"image5",id:4,user_id:15}
];
解决方案
由于客户之间没有明确的关系,你可以这样做
product = product.map((productItem, index) => ({
...productItem,
user_id: customer[index].user_id
}));
这将输出,
[
{
"image":"image1",
"id":0,
"user_id":11
},
{
"image":"image2",
"id":1,
"user_id":12
},
{
"image":"image3",
"id":2,
"user_id":13
},
{
"image":"image4",
"id":3,
"user_id":14
},
{
"image":"image5",
"id":4,
"user_id":15
}
]
推荐阅读
- android - 如何将 apk 大小减小到 100MB 以下
- next.js - next-connect TypeError: handlers[(i++)] is not a function
- reactjs - 当我将数据从 useEffect 传递到 react-select 下拉菜单时,显示选项,但默认值不是
- aws-codecommit - 将代码库存储库镜像到 AWS Codecommit
- cp - 从没有特定文件类型的子目录复制所有文件,保持目录结构
- visual-studio-code - 在 WSL 上制作的名为“space”的目录导致更新失败
- reactjs - 反应js:使用useEffect在第二次渲染中传递变量不起作用
- sql - 将包含空单元格、NULL 和字符串的列投射到 BigQuery 中的 FLOAT64
- flutter - 颤振:sku_details_wrapper.g.dart 中的投射错误
- python - Discord.py 正确的队列系统