Accessing object key via dynamically changed variable key

Question

I'm not sure how to explain correctly in a title, but here is the situation:

Having three available angles: front, left and right:

captures: {
  front: { img: '', correct: false },
  left: { img: '', correct: false },
  right: { img: '', correct: false }
},

I have defined a default variable named this.currentAngle = 'front'.

I want to access a value from CAPTURES object list within currentAngle.

This does not work:

this.captures.[this.currentAngle].img

nor this one, logically

this.captures.this.currentAngle.img

What's the correct approach ?

`this.captures[this.currentAngle].img` – connexo Sep 06 '18 at 17:07 — connexo, Sep 06 '18 at 17:07
almost: this.captures[this.currentAngle].img – JGoodgive Sep 06 '18 at 17:07 — JGoodgive, Sep 06 '18 at 17:07
@connexo oh you speed typer!!! ;) – JGoodgive Sep 06 '18 at 17:08 — JGoodgive, Sep 06 '18 at 17:08

score 1 · Accepted Answer · answered Sep 06 '18 at 17:09

You almost got it, just remove the dot before the opening square bracket from your first attempt:

const captures = {
  front: { img: 'f', correct: false },
  left: { img: 'l', correct: false },
  right: { img: 'r', correct: false }
}

let prop = 'front'

console.log(captures[prop].img)

Accessing object key via dynamically changed variable key

1 Answers1