jsでforEach内でvalueを用いた変数を宣言する

Question

Railsアプリにて、Chart.jsを用いたRadarチャートを作っており、

<% @movie.reviews.each do |review| %>
  <canvas id="detail_radar_charts_<%= review.id %>"></canvas>
<% end %>

<script>
  gon.reviews_id_array.forEach( function( value ) {
    var ctx = document.getElementById("detail_radar_charts_"+value);
    var eval(`detail_radar_charts_${a}`) = new Chart(ctx, {
　　　　　　　　　　　　　　　　（省略）
    });
  });
</script>

chart.jsを作用させるためにはcanvasをidで取得する必要があります。
そのため、以上のようにreviewレコードのidをcanvasのidに入れ込むことでそれぞれ異なるidを付与しています。
そのidを用いて、jsでforEachを用いて、DBのレコードの数Radarチャートを描画したいです。
ですが、変数にforEachのvalueを入れ込むことに失敗して、欲しい結果が得られません。

var eval(`detail_radar_charts_${a}`) = new Chart(ctx, {
　　　　　　　　　　　　　　　　（省略）
});

この部分の正しい記述方法がわかりません。

Uncaught SyntaxError: Unexpected token '('

Answer 1

再利用しないなら適当な変数名にすればよいです。
再利用するなら配列でも用意して、そこで管理すればよいです。

  var chart_array = [];
  gon.reviews_id_array.forEach( function( value ) {
    var ctx = document.getElementById("detail_radar_charts_"+value);
    var x = new Chart(ctx, {
　　　　　　　　　　　　　　　　（省略）
    });
    chart_array.push( x );
  });

Comments

[joru]

ご指摘いただいた方法でうまくいきました！ありがとうございます。