Set a dynamic variable name in javascript

Question

I am trying to make my code look a little prettier, which is a function that has maybe 16 arguments and does a lot of repeated code with these arguments.

Here's some sample code to demonstrate my problem:

function foo(varList, a, b, c, d, e, f, ...) {
  varList.map(bar => {
    console.log('Result: ' + bar);
  }
}

const vars = ['b', 'd', 'f'];
foo(vars, 0, 1, 2, 3, 4, 5);

Results in

b, d, f

I am actually trying to access the data in those variable names instead, so it should print:

1, 3, 5

Is there a way to dynamically work with variables like this?

Why not create an object that maps these letters to these numbers, e.g. const obj = {'b': 1, 'd': 3, 'f': 5} then when you want to print the corresponding number do: obj['b'] or obj.b — Nir Alfasi
– Nir Alfasi, Commented Aug 17, 2019 at 0:04
That's actually exactly what I ended up doing. Post as answer and will mark. Thanks! — Jacob Evans
– Jacob Evans, Commented Aug 17, 2019 at 0:42

SparkFountain · Accepted Answer · 2019-08-19 14:29:16Z

1

As @alfasin answered, just use the power of JavaScript Objects. An object consists of key-value pairs, where each key is a string and the corresponding value can be an arbitrary JavaScript object.

For your example code, you can simply write:

const vars = {'b': 1, 'd': 3, 'f': 5};

To access the value of a certain object key, either write vars.b or vars['b'] to access the value of b (which is 1) for example.

answered Aug 19, 2019 at 14:29

SparkFountain

2,2701 gold badge18 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Set a dynamic variable name in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related