Почему незя присвоить значения через for in в typescript?

Question

[Wasya UK]

Как правильно делать такие штуки?

constructor(recipeDetails: { title?: string, description?: string } = { title: "", description: "" }) {
    for (let key in recipeDetails) {
      this[key.toString()] = recipeDetails[key];
    }
  }

Comments

[Robur]

class X {
    title?: string
    description?: string
    constructor(recipeDetails: {title?: string, description?: string } = { title: "", description: "" }) {

        for (let key in recipeDetails) {
            this[key as keyof typeof recipeDetails] = recipeDetails[key as keyof typeof recipeDetails];
        }
    }
}

[Антон Швец]

возьми https://github.com/typestack/class-transformer

[Wasya UK]

Robur, Круто, но если использовать массив, то не работает(

constructor(recipeDetails: { title?: string, description?: string, ingredients?: RecipeIngredient[] } = { title: "", description: "", ingredients: [] }) {
    for (let key in recipeDetails) {
      this[key as keyof typeof recipeDetails] = recipeDetails[key as keyof typeof recipeDetails];
    }
  }

[Robur]

Wasya UK, нет такой ошибки "не работает". Есть конкретные сообщения компилятора, которые поддаются копированию.

[Robur]

Максим Зайцев, одна из многих вещей которые я планирую добавить в забытые на ненадобностью по мере развития языка :)

[Wasya UK]

Robur, Понял, не дурак)

Type 'string | RecipeIngredient[] | undefined' is not assignable to type 'string & RecipeIngredient[]'.
  Type 'undefined' is not assignable to type 'string & RecipeIngredient[]'.
    Type 'undefined' is not assignable to type 'string'.

[Robur]

Wasya UK,
'string | RecipeIngredient[] | undefined' нельзя присвоить в 'string & RecipeIngredient[]'
Это самая базовая ошибка типов в тайпскрипте - таких у вас будет миллион.
С такими ошибками надо научиться разбираться, иначе вы через каждые две строки будете мучаться и искать где спросить.

Я вам дам только одну подсказку - массив не при чем.

[Robur]

хотя покажите ка код целиком. со свойством класса

[Wasya UK]

Robur,

class Recipe {
  private title: string = "";
  private ingredients: RecipeIngredient[] = [];
  private description: string = "";

  get Title() {
    return this.title || "";
  }

  get Ingredients() {
    return this.ingredients || [];
  }

  get Description() {
    return this.description || "";
  }

  set Title(title: string) {
    this.title = title;
  }

  set Description(description: string) {
    this.description = description;
  }

  constructor(recipeDetails: { title?: string, description?: string, ingredients?: RecipeIngredient[] } = { title: "", description: "", ingredients: [] }) {
    for (let key in recipeDetails) {
      this[key as keyof typeof recipeDetails] = recipeDetails[key as keyof typeof recipeDetails];
    }
  }
}

[Robur]

Был не прав, ошибка не такая простая, как мне показалось. до версии 3.5 оно работало. в 3.5.1 уже нет - почему, надо смотреть,
можно починить вот так:

constructor(recipeDetails: Details = { title: "", description: "", ingredients: [] }) {
    for (let key in recipeDetails) {
      (this[key as keyof Details] as Details[keyof Details]) = recipeDetails[key as keyof Details];
    }
  }

 interface Details { title?: string, description?: string, ingredients?: RecipeIngredient[]}

Но это уже прямо на грани.

Answer 1

[Wasya UK]

constructor(recipeDetails: Details = { title: "", description: "", ingredients: [] }) {
    for (let key in recipeDetails) {
      (this[key as keyof Details] as Details[keyof Details]) = recipeDetails[key as keyof Details];
    }
  }

 interface Details { title?: string, description?: string, ingredients?: RecipeIngredient[]}