Как поместить значения объектов в массив?

Question

[Alex10214]

Привет, у меня есть такой массив:

const arr = [
  {
    value: 'aaa'
  },
  {
    value: 'bbb'
  },
  {
    value: 'ccc'
  },
  {
    value: 'ddd'
  },
]

Из него я хочу получить такой:
const arr2 = ['aaa', 'bbb', 'ccc', 'ddd'];
Вот что делаю я :

for (let el of arr) {
  this.arr2.push(el.value);
}

У меня выпадает такая ошибка:

ERROR TypeError: Cannot read property 'push' of undefined
    at SafeSubscriber._next (main-graph.component.ts:87)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:183)
    at SafeSubscriber.next (Subscriber.js:122)
    at Subscriber._next (Subscriber.js:72)
    at Subscriber.next (Subscriber.js:49)
    at TakeSubscriber._next (take.js:35)
    at TakeSubscriber.next (Subscriber.js:49)
    at TakeSubscriber._next (take.js:35)
    at TakeSubscriber.next (Subscriber.js:49)
    at MapSubscriber._next (map.js:35)

Подскажите что происходит и как правильно решить данную задачу?

Comments

[v3shin]

console.log(this, this.arr2);
//for (let el of arr) {
    //this.arr2.push(el.value);
//}

[Alex10214]

v3shin, arr2 undefined

[Александр]

Почитайте.

[Alex10214]

Большое спасибо!)

Answer 1

[Steppp]

const arr = [
  {
    value: 'aaa'
  },
  {
    value: 'bbb'
  },
  {
    value: 'ccc'
  },
  {
    value: 'ddd'
  },
]

let arr2 = [];

arr.forEach(el => {
   arr2.push(el.value)
})

console.log(arr2)

Comments

[Steppp]

или еще короче

let arr2 = arr.map(el => el.value)
console.log(arr2)

[Alex10214]

Steppp, подскажите почему мой метод не сработал?)

[Stalker_RED]

Alex10214, вы не весь код показали, но можно предположить, что this.arr2 у вас undefined

[Steppp]

Stalker_RED, Alex10214, Скорей всего не работает for (let el of arr) { Я редко for использую, но по моему он массив не перебирает
А может и тут касяк this.arr2.push(el.value); this(ЭтотЭллемент).arr2.push - по моему тоже бред!
можно попробовать так
arr2.push(this.value) или вообще без this arr2.push(el.value)

[Stalker_RED]

Steppp, for ... of перебирет не только массивы, но и много чего еще.
с this.arr2 непонятно что происходит, т.к. у нас только фрагмент кода. Вполне могу представить ситуацию, где он будет работать нормально.

Answer 2

[Stalker_RED]

const arr2 = arr.map(n=>n.value);

Answer 3

[Lynn «Кофеман»]

const arr2 = arr.map(({ value }) => value);