JavaScript このコードがどのように処理されているかについて

Question

javaScript let team1 = ["a","b","c","d","e"]; let team2 = ["a","b","c","d","e"]; for(let t1 of team1){ team2.shift(); for(let t2 of team2){ console.log(t1 + "vs" +t2 ); }; };
これで総当りはうまくいくのですが、
この３行目から変数t1にteam1の配列aを入れる
４行目でteam2の配列aを消して変数t2にbを入れてコンソール表示(a vs b)
次team２の配列bを消して(a vs c)という処理を繰り返しますが、わからない所が、team1に"b"を入れて
繰り返すときです。なぜ次からもまたteam2の配列aから消さないのかです。
team1["a" b c d e] => team2[b c d e]
team1[a "b" c d e ] =>team2[b c d e]という順番にはなりませんか？

上記の点わかりにくいかと思いますがよろしくお願いします。

Comments

[think49]

句読点がないので、日本語の文章が読みにくいです。
インデントされていないのでコードが読みにくいです。markdownのコードブロックを使ってください。
[編集] して下さい。

Answer 1

Array.prototype.shift()

Array.prototype.shift() は破壊的です。

• Array.prototype.shift() - JavaScript | MDN

breakpoint

デバッガのbreakpointを使えば、要所の変数値が分かります。

• ブレークポイントでコードを一時停止する  |  Tools for Web Developers  |  Google Developers

質問文の編集

後に参考にする方の為に、問題が解決しても、[質問への追記・修正の依頼] の対応をして下さい。

Re: mercury8128 さん

Comments

[mercury8128]

親切な回答ありがとうございました。

Answer 2

なぜ次からもまたteam2の配列aから消さないのかです。

についてだけ

shiftは配列を破壊的に処理するからです
team1の2周目:t="b"のパターンで回すときにはすでにteam2元のteam2ではなく
[b c d e]になっているので、先頭bを除外し、[c d e]にした上で
for ～ ofで回すとb=c,b=d,b=eの組み合わせが得られるわけです

同様に3周目ではteam2は[c d e]なので先頭のcを除外し[d e]を取ります

Comments

[mercury8128]

回答ありがとうございました。理解できました。