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 相关文章推荐
Javascript中Eval函数的使用说明
Oct 11 Javascript
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
Aug 09 Javascript
Mootools 1.2教程 滚动条(Slider)
Sep 15 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
Aug 01 Javascript
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
Apr 02 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
JS获取子、父、兄节点方法小结
Aug 14 Javascript
JS 创建对象的模式实例小结
Apr 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源码之 ext/mysql扩展部分
2009/07/17 PHP
探讨:php中在foreach中使用foreach ($arr as &$value) 这种类型的解释
2013/06/24 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
php生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
合并ThinkPHP配置文件以消除代码冗余的实现方法
2014/07/22 PHP
PHP+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
Yii2使用自带的UploadedFile实现的文件上传
2016/06/20 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
js控制的遮罩层实例介绍
2013/05/29 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
jQuery老黄历完整实现方法
2015/01/16 Javascript
深究AngularJS中$sce的使用
2017/06/12 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
jquery手机触屏滑动拼音字母城市选择器的实例代码
2017/12/11 jQuery
element ui 对话框el-dialog关闭事件详解
2018/02/26 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
简单谈谈javascript高级特性
2019/09/04 Javascript
vue自动化路由的实现代码
2019/09/30 Javascript
[54:08]LGD女子刀塔学院 DOTA2炼金术士教学
2014/01/09 DOTA
Python过滤列表用法实例分析
2016/04/29 Python
初学python的操作难点总结(新手必看篇)
2017/08/03 Python
python中的字符串内部换行方法
2018/07/19 Python
kmart凯马特官网:美国最大的打折零售商和全球最大的批发商之一
2016/11/17 全球购物
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
创建卫生先进单位实施方案
2014/03/10 职场文书
实习工作表现评语
2014/12/31 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
银行求职信范文
2019/05/13 职场文书
Python基础之元编程知识总结
2021/05/23 Python
MySQL控制流函数(-if ,elseif,else,case...when)
2022/07/07 MySQL