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判断浏览器的比较全的代码
Feb 13 Javascript
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
javascript Array数组对象的扩展函数代码
May 22 Javascript
用Jquery实现多级下拉框无刷新的联动
Dec 22 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
JavaScript基础知识及常用方法总结
Jan 10 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
Apr 17 Javascript
vue.js图片转Base64上传图片并预览的实现方法
Aug 02 Javascript
详解React native fetch遇到的坑
Aug 30 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 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 自动加载类原理与用法实例分析
2020/04/14 PHP
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
详解Windows下安装Nodejs步骤
2017/05/18 NodeJs
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
布同 Python中文问题解决方法(总结了多位前人经验,初学者必看)
2011/03/13 Python
sqlalchemy对象转dict的示例
2014/04/22 Python
Python中使用PIPE操作Linux管道
2015/02/04 Python
Python中functools模块函数解析
2017/03/12 Python
python绘制简单折线图代码示例
2017/12/19 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
深入浅析Python科学计算库Scipy及安装步骤
2019/10/12 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
Python面向对象封装操作案例详解
2019/12/31 Python
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
美国维生素、补充剂、保健食品购物网站:Vitacost
2016/08/05 全球购物
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
外贸英语专业求职信范文
2013/12/25 职场文书
党员思想汇报范文
2013/12/30 职场文书
教师年度考核自我鉴定
2014/01/19 职场文书
函授毕业生自我鉴定范文
2014/03/25 职场文书
消防安全宣传口号
2014/06/10 职场文书
采购部长岗位职责
2014/06/13 职场文书
医学检验专业自荐信
2014/09/18 职场文书
2015年招聘工作总结
2014/12/12 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
天堂的孩子观后感
2015/06/11 职场文书
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫
Android Flutter实现图片滑动切换效果
2022/04/07 Java/Android