js多层对象数组 合并_js 将多个对象合并成一个对象 assign方法的实现

本文主要介绍了JS中的Object.assign方法用于合并多个对象成为独立对象,并给出了实例。同时,文章还提及了ES6的新特性Set和Map,Set能自动过滤重复值,Map则允许更灵活的键类型且也能过滤重复值。
摘要由CSDN通过智能技术生成

1.接下来介绍一下ES6在Object新加的方法  assign()

1.作用:将多个对象{}  合并成一个独立对象。

2.使用方式: Object.assign(合并的对象,传入合并中的对象....)

let user = {name:'无敌人',age:19};

let page = {pageSize:10,currentPage:1};

let newObj = {};

Object.assign(newObj,user,page);

f8147e627946ad3de936ae8ae7f471e4.png

2.首先es6新增了许多新知识。比如数组型的:Set、Map,

Set:和传统es5的数组Array类似。都是存放数据的,最大的特点就是会自动过滤相同的值。

在实战开发经常被用到,过滤重复值。

使用方式:let setList = new Set({...});

let setList = new Set(['星期一','星期二','星期三','星期三'])

console.log(setList);

出入结果是:{"星期一", "星期二", "星期三"}

我们发现重复的星期三被过滤掉了。

Map: 在以前我们放出的对象key都是字符串才可以,这对我们开发产生了一些局限性,而map出现,则解决这个问题,它的key不只局限在意字符串中,还可以对象,数组,复杂类型为key 、而且也是可以顾虑重复值的 (除非空{}对象的key。因为他们内存栈中的地址是不一样的)

使用方法 : let mapList = Map({[key,value],[...]...});

//定义昨晚Key的对象

let setList = new Set(['星期一','星期二','星期三','星期三']);

let user = {'name':'无敌人'};

let item = [1,2,3];

let mapList = new Map([

[setList,'我是value1'],

['name','我是value2'],

[user,'我是value3'],

[item,'我是value4']

]);

console.log(mapList);

f9f0111c7a3b63cc621c7078546aa492.png

到此这篇关于js 将多个对象合并成一个对象 assign方法的实现的文章就介绍到这了,更多相关js 多个对象合并内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值