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 相关文章推荐
jQuery 使用手册(一)
Sep 23 Javascript
JS仿flash上传头像效果实现代码
Jul 18 Javascript
js中prototype用法详细介绍
Nov 14 Javascript
javascript版2048小游戏
Mar 18 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
基于Node.js模板引擎教程-jade速学与实战1
Sep 17 Javascript
微信小程序日期选择器实例代码
Jul 18 Javascript
vue自定义指令directive的使用方法
Apr 07 Javascript
使用layui 的layedit定义自己的toolbar方法
Sep 18 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
新手入门js闭包学习过程解析
Oct 08 Javascript
element-ui 本地化使用教程详解
Oct 28 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中数组的三种排序方法分享
2012/05/07 PHP
php实现检查文章是否被百度收录
2015/01/27 PHP
php中smarty模板条件判断用法实例
2015/06/11 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
IE的有条件注释判定IE版本详解(附实例代码)
2012/01/04 Javascript
用jquery等比例控制图片宽高的具体实现
2014/01/28 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
JavaScript实现多栏目切换效果
2016/12/12 Javascript
JS高级运动实例分析
2016/12/20 Javascript
js数组方法reduce经典用法代码分享
2018/01/07 Javascript
vue.js配合$.post从后台获取数据简单demo分享
2018/08/11 Javascript
vue调试工具vue-devtools安装及使用方法
2018/11/07 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[37:21]完美世界DOTA2联赛PWL S2 Inki vs Magma 第二场 11.22
2020/11/24 DOTA
Python使用PDFMiner解析PDF代码实例
2017/03/27 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
Python常用模块os.path之文件及路径操作方法
2019/12/03 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
python 爬虫 实现增量去重和定时爬取实例
2020/02/28 Python
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
社区庆八一活动方案
2014/02/02 职场文书
安全保证书格式
2015/02/28 职场文书
信访维稳承诺书
2015/05/04 职场文书
2016国培研修心得体会
2016/01/08 职场文书
情侣餐厅的创业计划书范本!
2019/07/26 职场文书
如何在向量化NumPy数组上进行移动窗口
2021/05/18 Python
解析高可用Redis服务架构分析与搭建方案
2021/06/20 Redis