Object.assign
を使用して非常に簡単なことをしたかったのです。
var firstObj = {name : "Saba H.", rollNo : 1};
var secondObj = {college : "WCE"};
var wholeObj = Object.assign(firstObj, secondObj);
console.log(wholeObj); // {name : "Saba H.", rollNo : 1, college : "WCE"}
Object.assign
はECMAScript6ハーモニー提案の一部であり、多くのブラウザーでサポートされていないため、ES5を使用することは可能ですか?そうでない場合、マイクロライブラリはありますか?
Underscore.jsでは、次のように使用できます。
_.extend(firstObj, secondObj);
JQueryでは、次を使用できます。
$.extend({},firstObj,secondObj);
純粋なjavasciptでは、この関数を使用してn
個のオブジェクトをマージできます。
function mergeObjects() {
var resObj = {};
for(var i=0; i < arguments.length; i += 1) {
var obj = arguments[i],
keys = Object.keys(obj);
for(var j=0; j < keys.length; j += 1) {
resObj[keys[j]] = obj[keys[j]];
}
}
return resObj;
}
Object.assignの有効なポリフィルが見つかりました [〜#〜] mdn [〜#〜] (すごい、ありがとう!):
if (typeof Object.assign != 'function') {
// Must be writable: true, enumerable: false, configurable: true
Object.defineProperty(Object, "assign", {
value: function assign(target, varArgs) { // .length of function is 2
'use strict';
if (target == null) { // TypeError if undefined or null
throw new TypeError('Cannot convert undefined or null to object');
}
var to = Object(target);
for (var index = 1; index < arguments.length; index++) {
var nextSource = arguments[index];
if (nextSource != null) { // Skip over if undefined or null
for (var nextKey in nextSource) {
// Avoid bugs when hasOwnProperty is shadowed
if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
to[nextKey] = nextSource[nextKey];
}
}
}
}
return to;
},
writable: true,
configurable: true
});
}
純粋なjavascriptの方法:
function mergeObjects(){
var res = {};
for(var i = 0;i<arguments.length;i++){
for(x in arguments[i]){
res[x] = arguments[i][x];
};
};
return res;
};
例:
var my_merged_object = mergeObjects(obj1,obj2,...);