ES6新增合并对象

最新推荐文章于 2024-04-13 23:34:57 发布
最新推荐文章于 2024-04-13 23:34:57 发布
阅读量1.2k 收藏
点赞数
文章标签： 前端框架 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65382120/article/details/123826172
版权

实例：如图，有三个对象分别为：searchParams, query, params。使用Object,assign（），就能把后面两个对象值，赋值给第一个对象

 在vue给服务器传数据时，需要传多个值  下面这张写法就非常麻烦

 //复杂的写法
   this.searchParams.category1Id=this.$route.query.category1Id;
   this.searchParams.category2Id=this.$route.query.category2Id
   this.searchParams.category3Id=this.$route.query.category3Id
   this.searchParams.keyword=this.$route.params.keyword;

使用Object.assign()

Object.assign(this.searchParams,this.$route.query,this.$route.params)

没颜色就截个图放下面

 

此文章只是记录一下在vue项目中的知识点

学无止境s
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
常用的方法【es5】
jiangshen_a的博客
08-19 374
Object.defineProperty 监听对象属性发生改变的方法，也是vue2的数据双向响应的底层原理
JavaScript及（ES6）总结
05-29
JavaScript 数据类型分为七种：String（字符串）、Number（数值）、Boolean（布尔）、Null、Undefined、Object（对象）和Symbol（ES6新增）。字符串使用引号包围，可以使用转义字符来表示特殊符号。Number类型涵盖...
es6合并对象
weixin_39975379的博客
01-04 6622
今天面试时考到对象合并的方法，当时只想到两种，在这里总结一下吧 1. Object.assign let obj1 = {a:1,b:2} let obj2 = {c:3} let obj3 = Object.assign({},a,b) // obj3 是深拷贝,obj3是一个新对象 let obj4 = Object.assign(a,b) // 目标对象a也变了 2. $.extend() let obj1 = {a:1,b:2} let obj2 = {c:3} let obj3
ES6 - 扩展运算符与Object.assign对象拷贝与合并
世界和我们都不该止步于此
08-11 1847
对于深浅拷贝，大家第一印象就是深拷贝递归，浅拷贝循环// 深拷贝 let obj2 = obj;// 修改obj2 obj2 . a = 100;不难看出我只是修改了拷贝出来的对象，结果原对象的属性也被我修改了，我们不想这样。
ES6 面试题合并两个对象
最新发布
郑老狗要推动人类发展
04-13 101
ES6 面试题合并两个对象
ECMAScript 6 入门教程—对象的新增方法
web前端开发
09-18 244
作者 | 阮一峰本章节介绍 Object 对象的新增方法。1、Object.is()ES5 比较两个值是否相等，只有两个运算符：相等运算符（==）和严格相等运算符（===）。它们都有缺点...
es6新特性 将多个对象合并成一个对象 assign方法
周凤伟的博客
01-18 2006
es6新特性 将多个对象合并成一个对象 assign方法 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象 语法： Object.assign(target, …sources) 参数 target：目标对象。 sources：源对象。 返回值：目标对象。（合并到target对象中） 如果目标对象中的属性具有相同的键，则属性将被源中的属...
ES6 对象的新功能与解构赋值介绍
10-17
`Object.assign()`方法用于合并多个对象到一个目标对象，但并不涉及原型链的继承。以下例子展示了如何使用`Object.assign()`： ```javascript var friend = {}; Object.assign(friend, person); friend.sayName(); ...
ES6中新增的Object.assign()方法详解
12-10
前言 将A对象的属性复制给B对象，这是JavaScript编程中很常见的操作。下面这篇文章将介绍ES6的Object.assign()属性，可以用于对象复制。...ES6提供了Object.assign() ，用于合并/复制对象的属性。 Object.ass
js 将多个对象合并成一个对象 assign方法的实现
01-18
1.接下来介绍一下ES6在Object新加的方法 assign()   1.作用：将多个对象{} 合并成一个...2.首先es6新增了许多新知识。比如数组型的：Set、Map，  Set：和传统es5的数组Array类似。都是存放数据的，最大的特点就
Object.setPrototypeOf()方法
weixin_44388697的博客
10-02 6695
1.Object.setPrototypeOf()，为现有对象设置原型，返回一个新对象 接收两个参数：第一个是现有对象，第二是原型对象。 2、new 命令通过构造函数新建对象实例的过程，其本质是将实例的原型，指向了构造函数的prototype属性，然后在实例上执行构造函数 //构造函数 function Person(name) { this.name = name; } // var p = new Person("zhenglijing"); //等同于将构造函数的原型对象赋给实例对象p的属性
es6 合并多个对象
weixin_41643133的博客
12-27 943
let obj1 = { name: '我是对象1' } let obj2 = { age: '26', } let object = {...obj1, ...obj2} // {name: '我是对象1', age: '26'} // 如果向调整属性属性顺序，哪个在前那个属性就在前边 ...
es6 扩展运算符 三个点（...）
热门推荐
现在学习也不晚
11-29 27万+
1  含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [<div>, &...
ECMAScript 6 学习系列课程 （ES6 对象的最新用法）
天外野草技术专栏
07-03 8205
由于面向对象编程风格的普及，我们对对象已经有一定的认识了，对于ES6这样一个新的标准，又有那些新的特性，值得我们追捧呢？对象的属性和方法ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁：const name = 'Richard'; let person = {name}; console.log(person); // {name: 'Richard'}同样我们也可定义个fu
es6 对象合并 class类中的默认参数 对象默认属性
角角兔的博客
12-19 4054
问题 我想要创建一个类，生成的对象有默认属性，同时也可以通过传入参数的形式修改其默认属性。 例如: 我有一个person类 他有age 和 name两个属性 初始化的时候属性分别为18 和 towrabbit。但是创建新的person对象的时候，我可以重新定义对象的属性 比如 我可以只把age改了，改成22，或者 只改名字 改成’角角兔’。 解决 Object.assign(target, …s...
ES6将两个数组合并成一个对象数组
qq_35363709的博客
11-27 3794
有这么两个数组 1 let metrodates = [ 2 "2008-01", 3 "2008-02", 4 "2008-03",..ect 5 ]; 6 let figures = [ 7 0, 8 0.555, 9 0.293,..ect 10 ] 想要这样的结果 1 let result = [ 2 {data: 0, date: "2008-01"}, 3 {data: 0.555, date: "2008-02"}, 4 {data:
前端合并两个对象
qq_41885295的博客
04-12 3674
方法一：ES6中的对象拓展运算符，可用于合并两个对象 方法二：​​​​​​​Object.assign(target, source_1, ···)。用于将源对象的所有可枚举属性复制到目标对象中。
vue, js 合并对象方法 实现 extend
q515656712的博客
06-27 5685
Javascript 方法 function extend () { var length = arguments.length var target = arguments[0] || {} if (typeof target !== 'object' && typeof target !== 'function') { target = {} } ...
用es6如何合并两个对象
09-01
在ES6中，可以使用展开运算符(...)和对象字面量的方式来合并两个对象。具体步骤如下： 假设有两个对象 obj1 和 obj2，要将它们合并成一个新对象 newObj： ``` const obj1 = { a: 1, b: 2 }; const obj2 = { c: 3, ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学无止境s

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值