2つのオブジェクトを1つのオブジェクトにマージ(js、jq、es 6)

1928 ワード

2つのオブジェクトを1つのオブジェクトにマージ(js、jq、es 6)


ES 6は以前からループしていますが、ES 6の浅いコピーなら*Objectを使うことができます.assign();**もちろん、プロジェクトにjquery/underscore/lodashやangularがあれば、一般的に似たようなextend方法がありますよ.
**jQuery,$.extend(obj 1,obj 2),**は多分そうです.
jqueryには継承方法があり、直接使用できます.
a = {'a': 1};
b = {'b': 1};
c = $.extend(a, b) c = $.extend({}, a, b)

jsはどのようにして2つのオブジェクトを1つのオブジェクトに結合しますか?
nealnote

es2015 Object.assign()
var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };
var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1); // { a: 1, b: 2, c: 3 },
             。
Polyfill
if (!Object.assign) {
 Object.defineProperty(
 Object, 
 "assign",
	  { enumerable: false,
	   configurable: true, 
	   writable: true, 
	   value: function(target, firstSource) {
	    "use strict"; 
	    if (target === undefined || target === null) 
	       throw new TypeError("Cannot convert first argument to object");
	       var to = Object(target); 
	      for (var i = 1; i < arguments.length; i++) {
	           var nextSource = arguments[i];
	           if (nextSource === undefined || nextSource === null) 
	           continue; 
	           var keysArray = Object.keys(Object(nextSource));
	          for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) { 
	              var nextKey = keysArray[nextIndex]; 
	              var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); 
	             if (desc !== undefined && desc.enumerable) to[nextKey] =       nextSource[nextKey];
	             }
	      } 
	      return to;
	      }
	     }
    );
 }


https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign prolifes
underscore、lodashなどのサードパーティ製ライブラリを使用します._=require(‘lodash’)a = {‘a’: 1};b = {‘b’: 1};c = __.extend(a, b)