Typescript克隆对象

我有一个超类，它是许多子类(Customer, Product, ProductCategory…)的父类(Entity)。

我想在Typescript中动态克隆一个包含不同子对象的对象。

例如:拥有不同产品的客户拥有一个ProductCategory

var cust:Customer  = new Customer ();

cust.name = "someName";
cust.products.push(new Product(someId1));
cust.products.push(new Product(someId2));

为了克隆对象的整个树，我在实体中创建了一个函数

public clone():any {
    var cloneObj = new this.constructor();
    for (var attribut in this) {
        if(typeof this[attribut] === "object"){
           cloneObj[attribut] = this.clone();
        } else {
           cloneObj[attribut] = this[attribut];
        }
    }
    return cloneObj;
}

当new被转译为javascript时，将引发以下错误:错误TS2351:不能对缺少调用或构造签名的表达式使用'new'。

虽然脚本工作，但我想摆脱转译错误

当前回答

这是我的混搭!这里有一个StackBlitz的链接。它目前仅限于复制简单的类型和对象类型，但我认为可以很容易地修改。

   let deepClone = <T>(source: T): { [k: string]: any } => {
      let results: { [k: string]: any } = {};
      for (let P in source) {
        if (typeof source[P] === 'object') {
          results[P] = deepClone(source[P]);
        } else {
          results[P] = source[P];
        }
      }
      return results;
    };

2018-10-27 20:23:03

其他回答

对于可序列化的深度克隆，类型信息为，

export function clone<T>(a: T): T {
  return JSON.parse(JSON.stringify(a));
}

2019-08-07 10:59:24

function instantiateEmptyObject(obj: object): object {
    if (obj == null) { return {}; }

    const prototype = Object.getPrototypeOf(obj);
    if (!prototype) {
        return {};
    }

    return Object.create(prototype);
}

function quickCopy(src: object, dest: object): object {
    if (dest == null) { return dest; }

    return { ...src, ...dest };
}

quickCopy(src, instantiateEmptyObject(new Customer()));

2020-08-10 16:30:01

@fenton对选项4的补充，使用angularJS，使用以下代码对对象或数组进行深度复制是相当简单的:

var deepCopy = angular.copy（objectOrArrayToBeCopied）

更多文档可以在这里找到:https://docs.angularjs.org/api/ng/function/angular.copy

2020-11-17 13:53:12

通过在TypeScript 2.1中引入的“Object Spread”，很容易获得一个浅拷贝

this TypeScript: let copy ={…原始};

生成这个JavaScript:

var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
var copy = __assign({}, original);

https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-1.html

2017-03-02 22:39:39

你也可以有这样的东西:

class Entity {
    id: number;

    constructor(id: number) {
        this.id = id;
    }

    clone(): this {
        return new (this.constructor as typeof Entity)(this.id) as this;
    }
}

class Customer extends Entity {
    name: string;

    constructor(id: number, name: string) {
        super(id);
        this.name = name;
    }

    clone(): this {
        return new (this.constructor as typeof Customer)(this.id, this.name) as this;
    }
}

只是要确保在所有Entity子类中覆盖clone方法，否则最终会得到部分克隆。

它的返回类型将始终与实例的类型匹配。

2016-08-02 04:44:17

Typescript克隆对象

推荐文章

最新文章

标签