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 提交和设置表单的值
Dec 19 Javascript
一个javascript图片阅览组件
Nov 09 Javascript
javascript运动详解
Jul 06 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
JavaScript队列的应用实例详解【经典数据结构】
Apr 12 Javascript
jquery append与appendTo方法比较
May 24 jQuery
javascript中mouseenter与mouseover的异同
Jun 06 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
Nov 22 Javascript
代码详解Vuejs响应式原理
Dec 20 Javascript
对vue.js中this.$emit的深入理解
Feb 23 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 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 批量生成html,txt文件的实现代码
2013/06/26 PHP
php项目中百度 UEditor 简单安装调试和调用
2015/07/15 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
JS获取父节点方法
2009/08/20 Javascript
JavaScript中yield实用简洁实现方式
2010/06/12 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
jQuery插件zepto.js简单实现tab切换
2015/06/16 Javascript
jQuery实现Tab菜单滚动切换的方法
2015/09/21 Javascript
javascript发送短信验证码实现代码
2015/11/12 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
JavaScript基本语法学习教程
2016/01/14 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
jquery validate表单验证插件
2016/09/06 Javascript
NodeJs通过async/await处理异步的方法
2017/10/09 NodeJs
详解微信小程序canvas圆角矩形的绘制的方法
2018/08/22 Javascript
微信小程序适配iphoneX的实现方法
2018/09/18 Javascript
详解在create-react-app使用less与antd按需加载
2018/12/06 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
浅谈Vue.use到底是什么鬼
2020/01/21 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
Python socket.error: [Errno 98] Address already in use的原因和解决方法
2014/08/25 Python
Python selenium文件上传方法汇总
2020/11/19 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
浅谈Python2、Python3相对路径、绝对路径导入方法
2018/06/22 Python
django中的图片验证码功能
2019/09/18 Python
Python标准库itertools的使用方法
2020/01/17 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
adidas官方旗舰店:德国运动用品制造商
2017/11/25 全球购物
上海中网科技笔试题
2012/02/19 面试题
幼师自荐信
2013/10/26 职场文书
中专生学习生活的自我评价分享
2013/10/27 职场文书
机关单位保密工作责任书
2015/05/11 职场文书
学校后勤工作总结2015
2015/05/15 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书