Javascript - variable for method name?

Question

How can you reference a javascript object indirectly?

Suppose:

<div id="foo" data-munchy="bar" data-crunchy="baz">FooBar</div>

<script>
document.getElementById("foo").onclick = function() {
    tempVariable = 'munchy';
    console.log(this.dataset.tempVariable);
}
</script>

How can I access this.dataset.{someVariable}? In this case, this.dataset.tempVariable

Is it only possible using eval or window?

this.dataset[tempVariable] for your example is the same as this.dataset.munchy. — CRice
– CRice, Commented Apr 27, 2018 at 19:21
Possible duplicate of Dynamically access object property using variable — lealceldeiro
– lealceldeiro, Commented Apr 27, 2018 at 19:27
@lealceldeiro it appears to be. I don't know why I had so much trouble finding it. Maybe the wording of the question isn't relatable to people who aren't familiar with the concept. — pbarney
– pbarney, Commented Apr 28, 2018 at 3:41

Kevin Boucher · Accepted Answer · 2018-04-27 19:21:49Z

4

Use square bracket notation:

this.dataset[tempVariable];

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors

answered Apr 27, 2018 at 19:21

Kevin Boucher

16.8k3 gold badges51 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

tymeJV Over a year ago

@VictorStoddard - no, that will look for the string tempVariable - literally what OP originally had: this.dataset.tempVariable

pbarney Over a year ago

This is great. I didn't realize they could be accessed both properties and arrays. Thanks, @Kevin.

Collectives™ on Stack Overflow

Javascript - variable for method name?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related