【ES6语法】Object.assign合并数组及使用案例

本文介绍了如何利用JavaScript的Object.assign方法将多个数组的数据合并到一个大数组中,以实现如网页搜索功能中参数合并的需求。示例展示了将查询参数和参数对象合并到一个搜索参数对象的过程,并通过console.log打印出来,便于观察和理解。
摘要由CSDN通过智能技术生成

当你需要将来自两个数组的数据都交给大数组的时候,
可以使用Object.assign(目标数组ab,小数组a,小数组b)

let ab={id:"",name:""};
let a={id:1};
let b={name:2};
Object.assign(ab,a,b)

使用场景:网页的搜索功能,将各种信息合并成数组发送给服务器

<script>
//要传送给服务器端的对象形式的数据
let searchParams =-{
//一级分类的id
category11d:“”,
//二级分类id
category2Id: "",
//三级分类的id
category3Id: "“,
//分类名字
categoryName: "",
//要搜索的关键字
keyword: "",
//排序方式
order: "",
//分页器用的:代表的是当前是第几页,默认第一页
pageNo:1,
/代表的是每一个展示数据个数
pagesize: 3,
//平台售卖属性操作带的参数
props:[],
//品牌
trademark: "",
};
//query的参数
let query = {category1Id: "116",categoryName: “手机"};
//params的参数
let params = {keyword:'华为'};
//合并并打印,观察效果
console.log(object.assign(searchParams,query,params))
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值