Vue.js の for 文での分割代入につきまして

Question

以下のサイトを参考に JavaScript で以下のような zip 関数を作りました。

• JavaScript, Python, Ruby で多次元配列を zip で作ってループする場合のメモ

            zip: function* (array1, array2) {
                if (array1.length !== array2.length) {
                    throw "The lengths of two arrays are not eqaul.";
                }
                length = array1.length;
                for (let index = 0; index < length; index++) {
                    yield [array1[index], array2[index]];
                }
            },

for 文で分割代入したいなと思っているのですが、for 文で添字表記 record[0], record[1] で参照せざる得ず、苦慮しております。

            <ul v-for="record in zip(player.records, monster.records)">
                <li>
                    {{ record[0] }}
                </li>
                <li>
                    {{ record[1] }}
                </li>
            </ul>

なにか思い当たるもの等ありましたら、ご教示いただけると幸いでございます。

Comments

[miyabi-sun]

v-forって書き方はHTMLにもJavaScriptにもないよ！！
これはおそらくVue.jsのテンプレートの仕様だから、Vue.jsのタグを追加したり、質問文にVue.jsを使っているという情報を載せたほうが良いと思うよ。

[nico25]

Vue.js のテンプレートになります。
早々にタイトルを修正いたしました。
ご指摘ありがとうございます。

[miyabi-sun]

ナイス！ありがとう！！

[nico25]

こちらこそありがとうございます！

Answer 1

大変お騒がせいたしました。解決いたしました... orz
単純に通常の分割代入と同じようにすれば、良いようです。

            <ul v-for="[record0, record1] in zip(player.records, monster.records)">
                <li>
                    {{ record0 }}
                </li>
                <li>
                    {{ record1 }}
                </li>
            </ul>