当前位置: 首页 > news >正文

js 将多个对象合并成一个对象 assign方法。ES6新特性有哪些

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);

 

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);

 

相关文章:

  • Vue中显示img图片,显示不出来怎么办?vue显示图片
  • Vue项目打包组件并上传到npm在其他项目和下载引用 步骤流程
  • Vue-Cli3 配置文件 全局生产环境及开发环境
  • git 常用命令 会这些就够了
  • CSS3 弹性盒子布局
  • CSS 开发常用
  • 浏览器兼容CSS的坑 对应前缀及CSS预处理
  • 饿了么平台最全开发API接口列表 elm接口 2019
  • js cookei 日期转换 随机ID 随机颜色 数组位置打乱 工作开发提升效率
  • Vue SSR服务端渲染 vue预渲染
  • Nuxt.js 入门到实战 多参数 中间件 插件异步获取数据
  • Vue 自定义拖拽指令 v-drag vue+element 实现拖拽 Drag 弹框
  • github 按条件查找项目 按star 语言 日期 排名 寻找实战案例模板等项目
  • 图片img懒加载实现原理方案懒加载优化用户体验
  • 如果高效学习和阅读源码
  • “Material Design”设计规范在 ComponentOne For WinForm 的全新尝试!
  • 【mysql】环境安装、服务启动、密码设置
  • Android 控件背景颜色处理
  • Apache Pulsar 2.1 重磅发布
  • ES6之路之模块详解
  • JS正则表达式精简教程(JavaScript RegExp 对象)
  • mysql 5.6 原生Online DDL解析
  • 对超线程几个不同角度的解释
  • ------- 计算机网络基础
  • 来,膜拜下android roadmap,强大的执行力
  • Hibernate主键生成策略及选择
  • mysql 慢查询分析工具:pt-query-digest 在mac 上的安装使用 ...
  • ​MPV,汽车产品里一个特殊品类的进化过程
  • ​批处理文件中的errorlevel用法
  • ​如何防止网络攻击?
  • ​什么是bug?bug的源头在哪里?
  • #NOIP 2014# day.1 生活大爆炸版 石头剪刀布
  • #鸿蒙生态创新中心#揭幕仪式在深圳湾科技生态园举行
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • $Django python中使用redis, django中使用(封装了),redis开启事务(管道)
  • (附源码)springboot宠物医疗服务网站 毕业设计688413
  • (转)C#开发微信门户及应用(1)--开始使用微信接口
  • (转)关于如何学好游戏3D引擎编程的一些经验
  • (转)淘淘商城系列——使用Spring来管理Redis单机版和集群版
  • (转)真正的中国天气api接口xml,json(求加精) ...
  • .net core 客户端缓存、服务器端响应缓存、服务器内存缓存
  • .Net MVC4 上传大文件,并保存表单
  • .Net Redis的秒杀Dome和异步执行
  • .NET 材料检测系统崩溃分析
  • .NET/C# 在代码中测量代码执行耗时的建议(比较系统性能计数器和系统时间)...
  • .NET多线程执行函数
  • .net实现客户区延伸至至非客户区
  • /deep/和 >>>以及 ::v-deep 三者的区别
  • [1127]图形打印 sdutOJ
  • [AIGC] MySQL存储引擎详解
  • [AIGC] 使用Curl进行网络请求的常见用法
  • [Angular 基础] - 自定义指令,深入学习 directive
  • [BeginCTF]真龙之力
  • [BetterExplained]书写是为了更好的思考(转载)
  • [C#]winform制作圆形进度条好用的圆环圆形进度条控件和使用方法