Как динамически добавить свойство к каждому элементу объекта массива в Typescript?

Question

У меня есть массив объектов, который передается из родительского компонента, и я хотел бы добавить новое логическое свойство для каждого из объектов в Инициировании дочернего компонента. До сих пор я пробовал:

this.selectedItems.map((item) => {
    return { ...item, newProperty: false };
});

Я также пробовал использовать forEach метод вместо map.

Он добавляет свойство, пока я нахожусь внутри map или forEach методов, но это не сохраняет изменения.

Как я могу сохранить изменения или есть ли другой способ добиться этого?

Answer 1

map не изменяет массив. Вместо этого он возвращает новый массив, который является результатом операции вашей карты.

Так что все, что вам нужно сделать, это захватить результат.

const itemsWithNewProperty = this.selectedItems.map((item) => {
    return { ...item, newProperty: false };
});

Answer 2

почему бы не использовать forEach?

this.selectedItems.forEach((item) => {
    item.newProperty=false
});