How can I get dynamic variable without eval?

inline_js.html

<script type="text/javascript" id="bowling--js">
  var bowling_options = [1,2,3,4,5];
</script>

<script type="text/javascript" id="restaurant--js">
  var restaurant_options = ['a','b','c'];
</script>

script.js

$(['bowling', 'restaurant']).each(function (type) {
  eval(type + '_options'); // how can I avoid this?
});

You could do:

var options = {};
options.bowling = [1,2,3,4,5];
options.restaurant = ['a','b','c'];

$(['bowling', 'restaurant']).each( function (key, type) {
  console.log(options[type]);
});

or without jQuery:

['bowling', 'restaurant'].forEach(function (type) {
  console.log(options[type]);
});

Thanks Rich. I have migrated the code to what you have suggested. Works :)

great!