Object.assign合并对象(ES6新增语法) 解决代码臃肿

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

Object.assign合并对象 ES6新增语法 解决代码臃肿

1.了解

Object.assign主要解决的问题是对象合并问题

Object.assign(target,…sources) //target是目标对象,后面都是需要合并到targeet的对象 (可以多个)

好处是:解决代码臃肿问题,像之前ES5用户都会使用赋值操作,本次新增语法简易

2.代码

let Objectname={
		category1Id:"",
		category2Id:"",
		category3Id: "",
		categoryName: "",
		keyword: "",
		order: "",
		pageNo: 1,
		pageSize: 10,
		props: [],
		trademark: "",
}
let query={category1Id:"1",categoryName:"手机"}
let params={keyword:"华为"}
console.log(Object.assign(Objectname,query,params))  // 将后两个对象合并到第一个对象 返回第一个对象

3.输出

在这里插入图片描述

4.实际用处

1.监听路由参数变化,将this. r o u t e . q u e r y 和 t h i s . route.query和this. route.query和this.route.params这两个参数结果合并到需要发起请求的数据中

2.通过watch实时监听路由变化,发起ajax请求

3.详细介绍请看我下一篇文章

Lineason
关注
Object.assign()深拷贝的用法、以及在IE浏览器不兼容的解决方案
时间飞逝的博客
06-11 2619
1、Object.assign()的用法 ES5提供的Object.assign()原型方法，主要是用来解决拷贝出来的新对象和原来的对象不相互影响的问题。 主要用法有： 一、复制一个对象 let obj1 = { a: 0 , b: { c: 0}}; let obj2 = Object.assign({}, obj1); console.log(JSON.stringify(obj...
ES6常用API详讲
m0_57726319的博客
03-25 858
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。var：变量提升、造成全局污染let：没有变量提升、不会造成全局污染、块级作用域、不可重复声明const：没有变量提升、不会造成全局污染、块级作用域、不可重复声明、声明常量，一旦声明无法修改。
ES6中 对象合并
2301_79265530的博客
12-04 1297
Object.assign() 方法接受一个目标对象和一个或多个源对象，并将源对象的属性合并到目标对象中。请注意，Object.assign() 方法会修改第一个参数的值，所以我们通常使用一个空对象作为目标对象，以确保原始对象不会被修改。方法来合并对象的属性。这样可以将两个或多个对象的属性合并到一个新的对象中。无论你使用哪种方法，都能够将多个对象的属性合并到一个新的对象中，从而实现对象合并的操作。它将每个对象的属性展开到新对象中，从而实现合并的效果。对象合并不仅可以合并顶层属性，还可以合并嵌套的对象属性。
ES6 对象合并
TianXuab的博客
08-05 2949
在 JavaScript 中，可以使用不同的方法来合并对象的属性。这样可以将两个或多个对象的属性合并到一个新的对象中。这些只是对象合并的一些常见应用场景，实际上在开发中，你可能会遇到更多不同的情况。无论你使用哪种方法，都能够将多个对象的属性合并到一个新的对象中，从而实现对象合并的操作。在前端应用中，状态管理是一个重要的概念。它将每个对象的属性展开到新对象中，从而实现合并的效果。方法接受一个目标对象和一个或多个源对象，并将源对象的属性合并到目标对象中。对象合并不仅可以合并顶层属性，还可以合并嵌套的对象属性。
es6合并对象
weixin_39975379的博客
01-04 6853
今天面试时考到对象合并的方法，当时只想到两种，在这里总结一下吧 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新增合并对象
m0_65382120的博客
03-29 1267
实例：如图，有三个对象分别为：searchParams, query, params。使用Object,assign（），就能把后面两个对象值，赋值给第一个对象 在vue给服务器传数据时，需要传多个值 下面这张写法就非常麻烦 //复杂的写法 this.searchParams.category1Id=this.$route.query.category1Id; this.searchParams.category2Id=this.$route.query.category2I..
工作中常用es6+特性
jiang_hyhappy的博客
07-13 302
结合工作中使用情况，简单对es6进行一些复习总结，包括常用的语法，api等，以及短时间内要上手需要重点学习的知识点（不同工作环境可能有一些差别），主要参考链接是阮一峰的博客以及外文博客（阮老师大部分文章是直接翻译的这个博客） http://2ality.com/p/about.html 1.简介 先说一下ECMAScript，ECMA是一个标准化组织，他们制定了JavaScript的语言标准，所...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_54854317的博客
03-03 841
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
前端程序员需要了解的JavaScript之高级部分知识
qq_45163356的博客
05-04 4376
前言：这一篇文章主要讲解JavaScript高级的知识，涉及到原型，类，继承，模块化，正则匹配，以及promise的使用，还会了解到一些鼠标键盘事件以及关于前端页面内容的知识。学完这些你可以去学typescript了，加油呀 顶顶顶顶 ....................................
ES6——(assign)合并对象
NanChen的博客
10-08 1209
既然有合并数组的方法，那么也有合并对象的方法 Object.assign() Object.assign()：合并对象 合并对象的两种方法： <script> // assign合并对象 // ES6中如何让数组合并 var a = { a:'Nan', } var b = { b:'Chen' } var c = {
两个对象合并
Min_Programmer的博客
05-25 372
对象合并方式## 标题 1、Object.assign() 方法 let a = {a:1,b:2} let b = {c:3,d:4} let newObj = Object.assign(a,b) //{a:1,b:2,c:3,d:4} 2、使用es6扩展运算符 let a = {a:1,b:2} let b = {c:3,d:4} let newObj = {...a,...b} //{a:1,b:2,c:3,d:4} 3、封装方法 使用for in function extend(target,
对象的合并
baifu2766的博客
07-18 346
Jquery $.extend({}, obj1, obj2) Js（ES6） Object.assign({}, obj1, obj2) 1、第一个参数是目标对象，后面的参数都是源对象。 注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。 2、拷贝的属性是有限制的，只拷贝源对象的自身属性（不拷贝继承属性），也不...
ES6 面试题合并两个对象
郑老狗要推动人类发展
04-13 174
ES6 面试题合并两个对象
JavaScript 复制对象
weixin_30478757的博客
05-11 139
在JavaScript这门语言中，数据类型分为两大类：基本数据类型和复杂数据类型。基本数据类型包括Number、Boolean、String、Null、String、Symbol（ES6 新增），而复杂数据类型包括Object，而所有其他引用类型（Array、Date、RegExp、Function、基本包装类型（Boolean、String、Number）、Math等）都是Object类型的实例...
合并对象的方法
m0_59366938的博客
05-11 1152
一、ES6中的Object.assign()Object.assign() 方法将所有可枚举的自有属性（对象自身的属性，不是原型属性）从一个或多个源对象复制到目标对象，返回合并后的对象。注意：该合并对象的方法是对对象里面属性的浅拷贝；并且会改变目标对象（第一个参数）。
最简es6合并对象
梧桐落叶~~
07-14 576
<script> param1 = { name: 'zhang san', age: 18, } param2 = { curtut: 1, pagesize: 10 } var params = { ...
讲讲ES6中 对象合并
m0_74359467的博客
11-30 1124
Object.assign() 方法接受一个目标对象和一个或多个源对象，并将源对象的属性合并到目标对象中。请注意，Object.assign() 方法会修改第一个参数的值，所以我们通常使用一个空对象作为目标对象，以确保原始对象不会被修改。在 JavaScript 中，可以使用不同的方法来合并对象的属性。无论你使用哪种方法，都能够将多个对象的属性合并到一个新的对象中，从而实现对象合并的操作。它将每个对象的属性展开到新对象中，从而实现合并的效果。对象合并不仅可以合并顶层属性，还可以合并嵌套的对象属性。
ES6对象合并Object.assign()
热门推荐
Yuan_vertueux的博客
05-21 2万+
使用ES6语法Object.assign方法将对象的合并var obj1 = { a : 1 };var obj2 = { b : 2 };var obj3 = { c : 3 };console.log(Object.assign(obj1, obj2, obj3))//{ a : 1, b : 2, c:3 }
Object.assign合并对象
最新发布
05-01
以下是Object.assign()合并对象的示例[^1][^2]： ```javascript // 创建目标对象 var target = { a: 1, b: 2 }; // 创建源对象 var source1 = { b: 3, c: 4 }; var source2 = { c: 5, d: 6 }; // 合并对象 Object...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值