JS与JQ合并对象
2016-02-16 15:04
525 查看
如果需要将下面的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"}
直接使用js的话,可以用一下方法:
<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"}
var b ={"c":"3","d":"4","e":"5"}
var c = extend({}, [a,b]);
alert(c.a);
</script>
当然如果你加载了jquery,那就更方便了。可以使用$.extend()方法,该方法有两种模式;
# 请记得先加载jquery
var a ={"a":"1","b":"2"}
var b ={"c":"3","d":"4","e":"5"}
var c = $.extend({}, a,b);
console.log(c);
</script>
如果是:
var c = $.extend({}, [a,b]);
-->{"0":{"a":"1","b":"2"},"1":{"c":"3","d":"4","e":"5"}}
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"}
直接使用js的话,可以用一下方法:
<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"}
var b ={"c":"3","d":"4","e":"5"}
var c = extend({}, [a,b]);
alert(c.a);
</script>
当然如果你加载了jquery,那就更方便了。可以使用$.extend()方法,该方法有两种模式;
jQuery.extend( target [, object1 ] [, objectN ] ) #将后面的对象合并到新的对象中{}
jQuery.extend( [deep ], target, object1 [, objectN ] ) #将后面的对象合并到新的对象中{},如果深度deep为true则将递归合并成为新对象.
实例:
<script type="text/javascript"># 请记得先加载jquery
var a ={"a":"1","b":"2"}
var b ={"c":"3","d":"4","e":"5"}
var c = $.extend({}, a,b);
console.log(c);
</script>
如果是:
var c = $.extend({}, [a,b]);
-->{"0":{"a":"1","b":"2"},"1":{"c":"3","d":"4","e":"5"}}
相关文章推荐
- video.js播放mp4文件
- 图片切换效果,纯js
- Javascript闭包(Closure)
- JSON 序列化和反序列化——JavaScriptSerializer实现
- javascript每日必学之基础入门
- js实现异步循环实现代码
- js获取url传递参数
- C# json字符串转为对象
- js屏蔽各功能键
- JSF
- javascript瀑布流
- JavaScript “跑马灯”抽奖活动代码解析与优化(二)
- Js作用域与作用域链
- jsf 表单验证
- JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
- JS公共方法:全部反选,获取url指定的参数,取值保留两位小数...
- JS各种表以及地图
- javascript 函数声明与函数表达式的区别
- JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
- 前端程序员经常忽视的一个JavaScript面试题