Как отсетять ненужные данные из обьекта?

Question

[sdgroup14]

Всем привет... Написал админку, где-то около 15 страниц. Все окей, пытаюсь отрефакторить. Суть вопроса:
Есть к примеру интерфейс

interface Article {
      id: number,
      head: string,
      text: string
  }

В ходе разработки... Пишу код без интерфейса(выше - это чтоб вам было понятно какой на входе и выходе обьект). Так вот. Я к примеру получил от апи "article", но по клику на head я делаю тугл статьи и к примеру считаю символы при дополнении textarea и в итоге перед сохранением вот такой вышел обьект

api_data = {
      id: 25,
      head: 'Заголовок',
      text: 'Текст статьи',
      is_open: true,
      text_length: 12
  }

Но при отправке мне приходится каждый раз отсеивать is_open text_length так как этих свойств нету для записи в апи.

apiData = new FormData();
    for (const key in article) {
      if (key === 'id' ||  key === 'head'  ||  key  === 'text'  && article[key] ) {
         apiData.append(option, article[key]);
      }
    }

Есть какое-то красивое решение для таких манипуляций, чтоб через какую-то функцию или родной метод ангулара отсеивать такие как is_open и т.д.?

Answer 1

[Alex XYZ]

Да вроде и норм всё. Можно так, чтобы key несколько раз не писать:

if (['id', 'head', 'text'].indexOf(key)>=0  && article[key] ) {
         apiData.append(option, article[key]);
}

Если важно, то иногда имеет смысл добавить hasOwnProperty()

Comments

[sdgroup14]

у меня в приложении таких манипуляций около 150. То фотографии заходят, то чекбоксы то инпуты то еще что то. Я думал, к примеру есть какоето решение, общий фильтр куда ты пихаешь свой интерфейс, и на выходе получаешь отсеенный обьект.
skrinshoter.ru/s/220519/fhaCXDxk

[sdgroup14]

Да я знаю что hasOwnProperty... и typeof использую... я думал просто есть что то универсальное :)

[Alex XYZ]

>> у меня в приложении таких манипуляций около 150
Норм. Может только не в условиях писать, а в таблицу и прогонять в цикле?

[sdgroup14]

Захаров Александр, это как?

[Alex XYZ]

sdgroup14,

// Массив правил по именам объектов:
var arr_rules = [
    article: ['id', ''head', 'text'],
    article1: ['id1', ''head1', 'text1'],
    article2: ['id2', ''head2'],
];
// Какие объекты требуется проверить:
var check_obj = {
    article: article,
    article2: article2
}
for(var check_obj_key in check_obj){
   var ckech_obj_value = check_obj[check_obj_key];
   for ( key in ckech_obj_value) {
      if (arr_rules[check_obj_key].indexOf(key)>=0  && ckech_obj_value[key]!==undefined ) {
         apiData.append(option, article[key]); // тут подправить, если проверяется несколько объектов
      }
    }
}

Answer 2

[Дмитрий Лузанов]

Таких is_open и text_length не должно быть в объекте статьи, если они непосредственно не относятся к сущности. Состояние я бы хранил в поле компонента самой статьи.
Но раз у вас так, есть такой вариант.

public postArticle({ id, head, text }: Article) {
    const apiFields = { id, head, text };
    const apiData = new FormData();

    for (const key in apiFields) {
      apiData.append(key, apiData[key]);
    }
  }