V for 循环增量答案

【问题标题】：V for loop incrementalV for 循环增量
【发布时间】：2019-06-25 15:22:12
【问题描述】：

<table style="cursor:default">
                    <tbody>
                        <tr v-for="j in status_data.length/2">
                            <td class="w3-border w3-border-black w3-round-large w3-center" :bgcolor="getColor(status_data[j-1].MESSAGE_CODE)">{{ status_data[j-1].PROCESS_CODE }}</td>
                            <td class="w3-border w3-border-black w3-round-large w3-center" :bgcolor="getColor(status_data[j].MESSAGE_CODE)">{{ status_data[j].PROCESS_CODE }}</td>
                        </tr>
                    </tbody>
                </table>

如何在上面的代码中控制 j 的值，我想要它就像

对于我在 status_data.length/2 行动 i=i+2

我想在每次迭代中将 value 增加 2。

【问题讨论】：

你到底想做什么？只使用数组中的每个第二个索引？您能否提供更多信息，以便我们帮助您找到解决方案？
我有 jason 对象，总共有 12 个元素。
1 2 3 4 5 6 7 8 9 10 11 12 ，我想在我的第一次迭代中 1,2 ，在第二次迭代中 3,4 ，在第三次迭代中 5,6 依此类推
我认为这可能会有所帮助 - stackoverflow.com/questions/44617484/…

标签： vue.js

【解决方案1】：

如果你想要成对，只要索引是偶数，遍历数组并收集对。

status_data
.map((v, i) => i%2 === 0 ? arr.slice(i, i+2) : [])
.filter(x => x.length > 0)

console> [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
.map((v, i) => i%2 === 0 ? arr.slice(i, i+2) : [])
.filter(x => x.length > 0)

// will return an array like [[1,2],[3,4],[5,6],[7,8],[9,10],[11,12]]

请注意，如果您的数组有奇数个元素，这将忽略最后一个元素

【讨论】：