web-dev-qa-db-ja.com

ES5 Object.assignと同等

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を使用することは可能ですか?そうでない場合、マイクロライブラリはありますか?

26
Saba Hassan

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;
}
34
Sareskaph

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
  });
}
3
HynekS

純粋な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,...);
1
Stan