合并对象

1、Object.assign

function custion (options) {
  this.default = {
     width : 100 ,
     height : 100 ,
     color : "red"
  }
  this.settings = Object.assign(this.default , options)
  console.log(this.settings.width)
  //显示 {width: 200, height: 100, color: "red", background: "red"}
}
custion({
  width : 200 ,
  background: "red"
})

2、Jquery中 $.extend:

function custion (options) {
  this.default = {
     width : 100 ,
     height : 100 ,
     color : "red"
  }
  this.settings = $.extend(this.default , options)  console.log(this.settings.width)    //显示 {width: 200, height: 100, color: "red", background: "red"}
}custion({  width : 200 ,  background: "red"})

原文地址:https://www.cnblogs.com/yuyedaocao/p/12045920.html

时间: 2024-08-01 05:30:02

合并对象的相关文章

jQuery.extend()的合并对象功能

jQuery.extend( [ deep ], target, object1, [ objectN ] )合并对象到第一个对象 //deep为boolean类型,其它参数为object类型 var object1 = { apple: 0, banana: {weight: 52, price: 100}, cherry: 97}; var object2 = { banana: {price: 200}, durian: 100}; 实例1: $.extend(object1, objec

extend() 合并对象

// 合并对象 // 深度合并 var result_1 = $.extend( true, {}, { name: "John", location: {city: "Boston",county:"USA"} }, { last: "Resig", location: {state: "MA",county:"China"} } ); // 一般合并 var result_2 = $

真正掌握vuex的使用方法(二)现在有的小伙伴是不是在想,以后如果我要在这里写自己的计算属性怎么办?怎么办?咱们可以通过对象合并的方法去实现。 通过Object.assign()合并对象:

从上篇文章当中相信大家已经对vuex有了一些大概了解了,接下来咱们结合实例来继续敲代码吧!切记一定要动手实操练习一遍! 接下来咱们来完成一个超级简单的投票功能!要求很简单,点击"投票"按钮,相应的票数会发生加1的变化,另外总票数为所有票数之和,如图所示: 1.首先通过vue-cli生成一个名字叫做demo的项目 vue init webpack demo 2.项目搭建完成以后,安装vuex npm install vuex --save 3.在src目录下创建vuex文件夹,然后在该文

JS与JQ合并对象

如果需要将下面的json对象合并: var a ={"a":"1","b":"2"} var b ={"c":"3","d":"4","e":"5"} 想得到结果: var c ={"a":"1","b":"2","c&

纯原生仿ES6的Object.assign,实现深度合并对象

源码: function isObj(x){ var type = typeof x; return x !== null && (type === 'object' || type === 'function'); } var hasOwnProperty = Object.prototype.hasOwnProperty; var propIsEnumerable = Object.prototype.propertyIsEnumerable; function toObject(va

js合并对象

工作好久了一直没有恒心去做点什么.今年开始准备把所有的基础知识都理一理.然后写点博客方便以后自己查询. 最近在整理javascript的基础知识.写了很久的代码发现自己到现在也只是使用js框架对于原生的js了解的并不深入. var merge=function(s,p){for(prop in s){ if(p.hasOwnProperty[prop]) continue; p[prop]=s[prop];} return p;} var obj1={a:1,c:3};var obj2={a:1

通过反射克隆对象,对象复制(克隆),对象合并工具类 升级版

先上代码,有时间再详说: package com.kaiyuan.common.util; import java.lang.reflect.Field; import java.lang.reflect.Method; import java.util.HashMap; import java.util.Map; import java.util.Set; import org.slf4j.Logger; import org.slf4j.LoggerFactory; /** * 通用对象co

javascript实现一个合并多个对象的方法

javascript实现合并对象的方法有很多种,比如: 1.Object.assign 2.jQuery.extend(jQuery也是用javascript写的,谢谢) 3.lodash系列(lodash.merge.lodash.assign等,至于区别自己看文档,文档地址:https://lodash.com/docs) 4.Immutable.js(fackbook打造的一个不可变数据结构JS库)的 merge 方法 其中,Object.assign为javascript原生方法,但是存

Object.assign 合并多个对象的属性,如果是对象有同名属性,则后面对象的属性值覆盖前面的。

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象.它将返回目标对象. <script> const target = { a: 1, b: 2 }; const source = { b: 4, c: 5 }; const returnedTarget = Object.assign(target, source); console.log(target); // expected output: Object { a: 1, b: 4, c: 5