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'。

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

当前回答

我的看法是:

Object.assign(…)只复制属性，我们丢失了原型和方法。

Object.create(…)不是为我复制属性，只是创建一个原型。

对我有用的是使用Object.create(…)创建一个原型，并使用Object.assign(…)将属性复制到它:

因此对于对象foo，像这样进行克隆:

Object.assign(Object.create(foo), foo)

2018-11-23 08:05:34

其他回答

这是我的混搭!这里有一个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

对于深度克隆对象，可以包含另一个对象，数组等，我使用:

const clone = <T>(source: T): T => {
  if (source === null) return source

  if (source instanceof Date) return new Date(source.getTime()) as any

  if (source instanceof Array) return source.map((item: any) => clone<any>(item)) as any

  if (typeof source === 'object' && source !== {}) {
    const clonnedObj = { ...(source as { [key: string]: any }) } as { [key: string]: any }
    Object.keys(clonnedObj).forEach(prop => {
      clonnedObj[prop] = clone<any>(clonnedObj[prop])
    })

    return clonnedObj as T
  }

  return source
}

Use:

const obj = {a: [1,2], b: 's', c: () => { return 'h'; }, d: null, e: {a:['x'] }}
const objClone = clone(obj)

2019-11-18 13:28:33

你可以在扩展语法中使用解构赋值:

var obj = {id = 1, name = 'product1'};
var clonedObject = {...obj};

2020-02-18 12:19:27

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

var deepCopy = angular.copy（objectOrArrayToBeCopied）

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

2020-11-17 13:53:12

对于一个简单的克隆的hole对象的内容，我简单地stringify和解析实例:

let cloneObject = JSON.parse(JSON.stringify(objectToClone))

当我在objectToClone树中更改数据时，在cloneObject中没有更改。这就是我的要求。

希望能有所帮助

2017-10-22 09:01:36

Typescript克隆对象

推荐文章

最新文章

标签