Object.assign()の使用法

このメソッドは、1つ以上のソースオブジェクト(ソース)からターゲットオブジェクト(ターゲット)に列挙可能なすべての属性値を割り当て、ターゲットオブジェクトを返すために使用されます。

Object.assign(target, ...sources)
1つは、オブジェクトのコピーです
const target = {
    
     a: 1, b: 2 };
const source1 = {
    
     b: 4, c: 5 };
const source2 = {
    
     b: 6, c: 7 };
const obj = Object.assign(target,source1,source2);
console.log(obj); // (a: 1, b: 6, c: 7)

注:
1。ソースオブジェクトとターゲットオブジェクトの属性が異なる場合、それらはターゲットオブジェクトにコピーされます
。2。ターゲットオブジェクトとソースオブジェクトの属性が同じである場合、ターゲットオブジェクトの属性値は次のようになります。ソースオブジェクトの属性値によって上書きされます。3。
同じ属性を持つ複数のソースオブジェクトがある場合、ターゲットオブジェクトの属性は最後のソースオブジェクトの属性によって上書きされます。

2.継承されたプロパティと列挙できないプロパティはコピーできません
const obj1 = Object.create({
    
    foo: 1}, {
    
     // foo 是个继承属性。
    bar: {
    
    
        value: 2  // bar 是个不可枚举属性。
    },
    baz: {
    
    
        value: 3,
        enumerable: true  // baz 是个自身可枚举属性。
    }
});
const obj= Object.assign({
    
    }, obj1);
console.log(obj); // { baz: 3 }
//创建对象时,如果没有设置enumerable的值,默认为false(不可枚举属性),设置为true,则为可枚举属性

注:Object.assignメソッドは、ソースオブジェクト自体の列挙可能なプロパティのみをターゲットオブジェクトにコピーします。継承された列挙不可能なプロパティはコピーされません。

3.オブジェクトのディープコピー

Object.assign()コピーは浅いコピーであり、属性値をコピーします。ソースオブジェクトの属性値がオブジェクトobjの場合、コピーはオブジェクト値(つまり、アドレス)のポインターです。時間、objの値を変更します。ターゲットオーディエンスが影響を受けます。
この影響を回避するには、オブジェクトのディープコピーを作成する必要があります。

let obj1 = {
    
     a: 1, b: {
    
    c: 2 }};
let obj2 = {
    
     d: 2 };
let obj = Object.assign(obj2,JSON.parse(JSON.stringify(obj1)));
console.log(obj); // { d: 2, a:1, b:{ c:2 }}
obj1.b.c = 4;
console.log(obj); // { d: 2, a:1, b:{ c:2 }}
// 对象obj1.b.c 值的变化则不会再影响到目标对象 obj 的值。

注:ディープコピーは参照型の値コピーのみを解決でき、継承された列挙不可能なプロパティをコピーすることはできません。

4、異常はコピーを終了します
const target = Object.defineProperty({
    
    }, "foo", {
    
    
    value: 1,
    writable: false
}); // target 的 foo 属性是个只读属性。

Object.assign(target, {
    
    bar: 2}, {
    
    foo2: 3, foo: 3, foo3: 3}, {
    
    baz: 4});
// TypeError: "foo" is read-only
// 注意这个异常是在拷贝第二个源对象的第二个属性时发生的。
console.log(target.bar);  // 2,说明第一个源对象拷贝成功了。
console.log(target.foo2); // 3,说明第二个源对象的第一个属性也拷贝成功了。
console.log(target.foo);  // 1,只读属性不能被覆盖,所以第二个源对象的第二个属性拷贝失败了。
console.log(target.foo3); // undefined,异常之后 assign 方法就退出了,第三个属性是不会被拷贝到的。
console.log(target.baz);  // undefined,第三个源对象更是不会被拷贝到的。
5、元のタイプはオブジェクトにパッケージ化されます

プリミティブ型はラップされ、nullおよびundefinedは無視されます。

const obj1 = 'aaa';
const obj2 = false;
const obj3 = true;
const obj4 = 10;
const obj= Object.assign(obj1,obj2,obj3,obj4);
console.log(obj); // { 0:'a', 1:'a', 2:'a'}

注:文字列のラップされたオブジェクトのみが、独自の列挙可能なプロパティを持つことができます。

おすすめ

転載: blog.csdn.net/weixin_43299180/article/details/112882498