Как в массив объектов, в каждый объект добавить еще одно значение?

Question

[nutritsio]

Есть массив объекта:

[
  {
    "id": "1",
    "title": "Дом1"
  },
  {
    "id": "2",
    "title": "Зал2"
  },
  {
    "id": "3",
    "title": "Дом3"
  },
  {
    "id": "4",
    "title": "Зал4"
  }
]

Нужен массив объекта:

[
  {
    "id": "1",
    "title": "Дом1",
    "active": "true"
  },
  {
    "id": "2",
    "title": "Зал2",
    "active": "false"
  },
  {
    "id": "3",
    "title": "Дом3",
    "active": "false"
  },
  {
    "id": "4",
    "title": "Зал4",
    "active": "false"
  }
]

При попытке на typescript, Angular 4, выдает данную ошибку:



Ошибка:
ERROR TypeError: Cannot set property 'active' of undefined

Answer 1

[nutritsio]

Проблема была в том, что я использовал Redux, и при инициализации компонента OnInit, вьюха не видела еще данный массив. Потому нужно было в редюсере описать данную логику и передать уже на компонент через Action.
Всем спасибо, думал что я елементарное что-то неправильно написал, оказалось мой косяк при использовании Redux.

Answer 2

[Роман]

map
forEach?

var a = [{
      "id": "1",
      "title": "Дом1"
    }, {
      "id": "2",
      "title": "Зал2"
    }, {
      "id": "3",
      "title": "Дом3"
    }, {
      "id": "4",
      "title": "Зал4"
    }];
    for (let i of a) {
      i.active = false;
    }
    console.log(a);

Comments

[nutritsio]

active - undefined..

[Роман]

nutritsio,

Answer 3

[mrspd]

arr.forEach((obj) => obj['active'] = false);