js合并两个对象-仿jquery中的$.extend()

最新推荐文章于 2024-06-30 16:06:32 发布
最新推荐文章于 2024-06-30 16:06:32 发布
阅读量4.9k 收藏 2
点赞数
分类专栏： javascript 文章标签： jquery 对象 合并 javascript

也许有些人不想使用jquery的$.extend()的方法或者项目中没有使用到jquery的，那么下面就给大家展示一种用原生写的合并对象的方法。（虽然方法是在别人上“借”来的，但是就当记录一下吧！）大笑


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js合并两个对象</title>
<script>
function extend(des, src, override){
   if(src instanceof Array){
       for(var i = 0, len = src.length; i < len; i++)
            extend(des, src[i], override);
   }
   for( var i in src){
       if(override || !(i in des)){
           des[i] = src[i];
       }
   }
   return des;
}
var a ={"a":"1","b":"2","c":"3","f":"6"}
var b ={"d":"4","e":"5","f":"6"}
var c = extend({"h":"7"},[a,b]);

	console.log(c);
</script>
</head>

<body>
</body>
</html>


Leo-hzj
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
模仿JQuery.extend函数，实现JS深拷贝和浅拷贝
02-13 1138
    var s={};/原始对象    //为原对象扩展一个extend方法     s.extend=function({         var target=arguments[0]||{},//目标对象             e=false,//是否进行深拷贝             h=1,//参数个数             n= arguments.length,//实际传...
Jquery实现$.fn.extend和$.extend函数
11-26
在jQuery库中，`$.fn.extend` 和 `$.extend` 是两个非常重要的功能，它们用于扩展jQuery的功能和对象。这两个函数虽然名字相似，但作用却截然不同。 首先，`$.fn.extend` 是用于扩展jQuery选择器对象的方法。当你...
原生js实现extend，作用类似jquery.extend
pingmin的博客
02-22 523
【代码】js语法，作用类似jquery.extend。
原生js实现jquery $.extend方法
11-23
原生js实现jquery $.extend方法 通过遍历对象属性来实现
对象属性值合并方法ts语言
最新发布
irisMoon06的博客
06-30 238
说明一下，对于“hasOwnProperty”的作用，if (inputObject.hasOwnProperty(key))这一行的判断还是很有必要的，在合并对象函数中，使用。把两个对象进行合并，传入的对象中属性值有值，就用传入的对象。若传入的对象中，属性值没有值，或没有属性值，则用默认值。自身的属性，而不包括从原型链继承来的属性。
JS之框架封装篇仿jQuery——$.extend和$.fn.extend
mumacity
08-18 944
$.extend (function (global) { function jQuery(selector) { return jQuery.fn.init(selector); } jQuery.fn = jQuery.prototype = { constructor: jQuery, ...
lodash-assign
神zhi殇的博客
09-18 1899
lodash-assign：https://www.lodashjs.com/docs/latest#_assignobject-sources mdn-assign：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign() 方法用于将...
jQuery中$.extend()用法实例
10-24
在jQuery库中，`$.extend()`是一个非常实用的方法，它用于合并两个或更多对象的属性到一个目标对象中。这个方法允许我们创建复杂的对象结构，同时也方便了代码的复用和扩展。下面是关于`$.extend()`方法的详细解析：...
jQuery的$.extend 浅拷贝与深拷贝
10-20
jQuery的$.extend方法是一个非常强大的工具，它提供对象合并的功能，这在处理对象属性时尤其有用。它支持浅拷贝和深拷贝两种方式，这是在进行数据复制时必须要明确区分的两种不同操作。 浅拷贝是创建一个新对象，...
js json扩展继承
chuwa5121的博客
03-08 441
function util(){ //对象扩展 this.extend = function () { var args = arguments, isDeep = false; if (!args || !args.lengt...
JS—JSON的使用
boilll的博客
01-27 1291
JSON
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
12-04
jq的extend()方法能很方便的实现扩展对象方法，语法如下：$.extend(obj1,boj2,obj3); 现在要实现的是：原生js实现复制对象，扩展对象，类似jq中的extend()方法，具体实例如下： 现有3个对象字面量： var o1={hello:1,old:555}, o2 = { abc: 55555555, hello: 2, fun: function() { alert(111); } }, o3={third:9999}; 实现目标： 复制o1对象，把 o2,o3的对象属性和方法都扩展进前面复制得到的对象中并输出。 [removed] var o1={hello
js拼接json对象_JS实现合并json对象的方法
weixin_35805266的博客
01-14 2417
本文实例讲述了JS实现合并json对象的方法。分享给大家供大家参考，具体如下：一、问题：求json对象合并的方法var a ={"a":"1","b":"2"}var b ={"c":"3","d":"4","e":"5"}想得到结果：var c ={"a":"1","b":"2","c":"3","d":"4","e":"5"}二、实现代码：function extend(des, src, o...
js合并json对象
青峰专栏
03-01 3044
var mergeJsonObject = function (jsonbject1, jsonbject2) { var resultJsonObject={}; for(var attr in jsonbject1){ resultJsonObject[attr]=jsonbject1[attr]; } for(var attr in jsonbject2){ resultJsonObject[attr]=jsonbject2[attr]; } return resultJsonOb
javascript_继承_JSON_ZHOU125disorder_
写代码的薛的博客
02-24 186
继承 面向对象实现继承的几种方式： 继承：继承父级样式 1.原型链继承 2.构造函数继承 3.组合继承 原型链继承 // 核心：将父类的实例作为字类的原型 // 缺点：父类新增原型方法/属性，字类都可以访问到，父类一变，其他的都变了 function Person(name){ this.name = name; } Person.prototype.getName =
js中JSON详解
热门推荐
RayShyy的博客
04-03 2万+
理解 JSON 最关键的一点是要把它当成一种数据格式，而不是编程语言。JSON不属于JavaScript，它们只是拥有相同的语法而已。JSON 也不是只能在 JavaScript 中使用，它是一种通用数据格式。很多语言都有解析和序列化JSON的内置能力。 1. 语法 JSON语法支持表示3种类型的值： 简单值：字符串、数值、布尔值和null可以在JSON种出现，特殊值undefined不可以； 对象：第一种复杂数据类型，对象表示有序键/值对。每个值可以是简单值，也可以是复杂类型； 数组：第二种复杂数据.
JS实现两个数组对象，重复的属性覆盖，不重复的添加
qq_33225414的博客
05-24 488
{ id: 1, name: '蓝莓', price: 10 },{ id: 2, name: '樱桃', price: 35 },{ id: 3, name: '葡萄', price: 10 },{ id: 4, name: '西瓜', price: 35 },
js中extends使用和原理
蔡姐的博客
05-02 6261
开始先推荐一篇文章,将js的继承讲述的特别全面,我就是取里面的结论,方面日后查阅 Javascript如何实现继承？ 一.继承的使用方法 js里面常用的就是extends,使用方式如下: class Father { constructor(name) { this.name = name } // 原型方法 // 即 Person.prototype.getName = function() { } // 下面可以简写为 getName() {...}
JavaScript对象与JSON格式的转换
tyxjolin的专栏
04-25 1万+
JavaScript对象和JSON格式的转换在Web开发中非常常见，是Web应用程序的基本组成部分之一。JavaScript对象和JSON格式的相互转换通常使用JSON.stringify()和JSON.parse()方法，也可以使用手动转换或第三方库来实现。在实际开发中，JavaScript对象和JSON格式的转换被广泛应用于数据交换、数据存储等方面。
前端开发工具函数详解：$.inArray, $.each, $.makeArray, $.extend
例如，`obj1`和`obj2`是两个对象，$.extend()可以将`obj2`的属性合并到`obj1`中，如果开启深拷贝，即使`obj1`和`obj2`有嵌套对象，也会进行深度合并。 了解并熟练使用这些工具函数，能够极大地提高前端开发的效率，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值