JavaScriptのシャッフル

Question

JavaScriptによる配列の要素のシャッフル
以下のようなフィッシャー・イェーツというJavaScriptによるシャッフル法を見かけました。

①a = [1,2,3,4,5,6,7,8,9];
②
③//取り出す範囲(箱の中)を末尾から狭める繰り返し
④for(i = a.length -1;i>0;i--){
⑤    //乱数生成を使ってランダムに取り出す値を決める
⑥    r = Math.floor(Math.random()*(i+1));
⑦    //取り出した値と箱の外の先頭の値を交換する
⑧    tmp = a[i];
⑨    a[i] = a[r];
⑩    a[r] = tmp;
⑪}
⑫//結果を表示
⑬console.log(a);

わからないこと
6行目のi+1は何を意味するのでしょうか？
a.length-1+1、つまり9でしょうか

Answer 1

まずはMath.floorとMath.random()が何なのか
調べてから質問をお願いします。

この2つが理解できれば
6行目のi+1は何を意味するのかがわかります。

Comments

[masa_mf3]

Math.floor()は小数点以下を切り捨て，
Msth.random()は0以上1未満つまり、0~0.999...の整数または小数の値を返す

rは0以上9未満の整数を意味していると思います。
間違えないでしょうか

[yasutomi]

Msth.random()ではなく
Math.random()なのでそこだけ間違いです。

その2つがググって調べただけでなく
ちゃんと使いこなせるのであれば
6行目のi+1は何を意味するのかがわかるはずです。

[masa_mf3]

iの値が8，7，6，5，4，3，2，1のとき
4行目からのfor文内の処理がされるので、

6行目のi+1は9，8，7，6，5，4，3，2のどれかである。これで正しいでしょうか。これだけご教授いただけたら幸いです。

[yasutomi]

それが正しいかどうかはconsole.logで調べればわかります。

[masa_mf3]

CodepenでWindow.alert()をオブジェクト用いたら正しいとわかりました。
https://codepen.io/masa_mf3rs/pen/gVEaGq
ありがとうございます

[yasutomi]

alert()を使用すると確認しづらいので
console.logを使用したほうが良いです。
Codepenでも左下のConsoleで確認可能です。

[masa_mf3]

初めて知りました。
細かい点までご教授ありがとうございますー

Answer 2

var a = [1,2,3,4,5,6,7,8,9];

for(i = a.length -1; i>0; i--) {
 console.log(i);
}

は
8
7
6
5
4
3
2
1
を表示します。

for文におけるiは各ループにおける別の値を示します。

for文をご理解されていないのではないでしょうか？
次の通りfor文を図で解説します。
増減するiに対してi>0の間、for文本体を実行するということです。
for文はJavaScript以外の言語でも共通です。

Comments

[masa_mf3]

ありがとうございます。一度よく考えてyasutomiさんにも言ったのですが、

iの値が8，7，6，5，4，3，2，1のとき
4行目からのfor文内の処理がされるので、

6行目のi+1は9，8，7，6，5，4，3，2とこのような順にループされる。この概念で間違いないでしょうか。

[querykuma]

はい、そのとおりです。

[masa_mf3]

ありがとうございます