ES6 ArrowFunctions for文の使い方

Question

###実現したいこと
JavaScript ArrowFunctionsについての質問です。
下記コメントアウトしているコードをfor文に置き換えましたがうまくうごいておりません。

ArrowFunctionsでのfor文の使い方をお教えいただければ幸いです。
###該当のソースコード

//     $('.shuffle-2').on('click', () => shuffle(2));
//     $('.shuffle-3').on('click', () => shuffle(3));
//     $('.shuffle-4').on('click', () => shuffle(4));
    
        for(var i = 2; i <= 4; i++){
            $('.shuffle-' + i).on('click',() =>shuffle(i));
        }

Answer 1

こんな感じでどうでしょう。

for( let i = 2; i <= 4; i++ ) {
	$( '.shuffle-' + i ).on( 'click', () => shuffle( i ) );
} // （未テスト）

Comments

[may88seiji]

kei344さん
ありがとうございます。記述したところ、無事に動きました！
ES6を使い始めたばかりなのでletの使い方、大変勉強になりました。