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中选择器小问题(新人难免遇到)
Mar 31 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
仿百度换肤功能的简单实例代码
Jul 11 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
Javascript实现图片懒加载插件的方法
Oct 20 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
May 07 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
vue实现二级导航栏效果
Oct 19 Javascript
React配置子路由的实现
Jun 03 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
我的论坛源代码(五)
2006/10/09 PHP
第三节--定义一个类
2006/11/16 PHP
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
php中的数组操作函数整理
2008/08/18 PHP
PHP字符串处理的10个简单方法
2010/06/30 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
Thinkphp 框架扩展之类库扩展操作详解
2020/04/23 PHP
window.open的功能全解析
2006/10/10 Javascript
javascript编程起步(第六课)
2007/02/27 Javascript
JQuery index()方法使用代码
2010/06/02 Javascript
基于node.js的快速开发透明代理
2010/12/25 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
2013/07/31 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
ASP.NET jquery ajax传递参数的实例
2016/11/02 Javascript
jQuery自定义组件(导入组件)
2016/11/08 Javascript
vuejs指令详解
2017/02/07 Javascript
浅析bootstrap原理及优缺点
2017/03/19 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
vue开发调试神器vue-devtools使用详解
2017/07/13 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
JS多个异步请求 按顺序执行next实现解析
2019/09/16 Javascript
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
详解Django中六个常用的自定义装饰器
2018/07/04 Python
浅谈python量化 双均线策略(金叉死叉)
2020/06/03 Python
法国家具及室内配件店:home24
2017/01/21 全球购物
实习生个人找工作的自我评价
2013/10/30 职场文书
企业文化标语大全
2014/06/10 职场文书
2015年学校德育工作总结
2015/04/22 职场文书
安全教育主题班会教案
2015/08/12 职场文书