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)