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


Posted in Javascript onSeptember 24, 2020

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);

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

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);

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

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

Javascript 相关文章推荐
JS遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 Javascript
基于jquery的无刷新分页技术
Jun 11 Javascript
关于hashchangebroker和statehashable的补充文档
Aug 08 Javascript
js弹出层(jQuery插件形式附带reLoad功能)
Apr 12 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
Jan 28 Javascript
js编写当天简单日历效果【实现代码】
May 03 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 Javascript
微信小程序之picker日期和时间选择器
Feb 09 Javascript
AngularJS中的拦截器实例详解
Apr 07 Javascript
Vue 滚动行为的具体使用方法
Sep 13 Javascript
element ui 对话框el-dialog关闭事件详解
Feb 26 Javascript
Vue时间轴 vue-light-timeline的用法说明
Oct 29 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 #Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 #Javascript
vue实现日历表格(element-ui)
Sep 24 #Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 #Javascript
.netcore+vue 实现压缩文件下载功能
Sep 24 #Javascript
vue-router 控制路由权限的实现
Sep 24 #Javascript
vue+elementUI实现简单日历功能
Sep 24 #Javascript
You might like
可定制的PHP缩略图生成程式(需要GD库支持)
2007/03/06 PHP
将PHP的session数据存储到数据库中的代码实例
2016/06/24 PHP
php结合mysql与mysqli扩展处理事务的方法
2016/06/29 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
thinkphp项目如何自定义微信分享描述内容
2017/02/20 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
jquery中对表单的基本操作代码
2010/07/29 Javascript
Jquery动态更改一张位图的src与Attr的使用
2013/07/31 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
深入理解JS函数的参数(arguments)的使用
2016/05/28 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
Nodejs回调加超时限制两种实现方法
2017/06/09 NodeJs
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
Angular在模板驱动表单中自定义校验器的方法
2017/08/09 Javascript
Vue脚手架的简单使用实例
2018/07/10 Javascript
实例讲解JavaScript截取字符串
2018/11/30 Javascript
如何基于JavaScript判断图片是否加载完成
2019/12/28 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
[04:15]DOTA2-DPC中国联赛1月19日Recap集锦
2021/03/11 DOTA
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
详解python字节码
2018/02/07 Python
python实现Decorator模式实例代码
2018/02/09 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
Html5实现用户注册自动校验功能实例代码
2016/05/24 HTML / CSS
移动端html5模拟长按事件的实现方法
2018/09/30 HTML / CSS
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
《浅水洼里的小鱼》听课反思
2014/02/28 职场文书
2016入党培训心得体会范文
2016/01/08 职场文书
银行求职信怎么写
2019/06/20 职场文书
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技