vue中这种结构的数据怎么遍历出来？

Question

如题所述

Answer 1

这种结构的数据看起来是一个嵌套的数组，可以使用递归的方式遍历出来。

首先，我们可以定义一个递归函数，用来遍历这个嵌套的数组。这个函数需要传入当前要遍历的数组以及当前的深度。

在函数中，我们可以判断当前深度是否已经达到最大深度，如果是，就输出当前的数据项。如果不是，就继续遍历下一个深度，并递归调用这个函数。

下面是一个示例代码：

js

function traverse(arr, depth=0) { if (depth >= arr.length) { return; } console.log(arr[depth]); // 输出当前数据项 if (Array.isArray(arr[depth])) { traverse(arr[depth], depth + 1); // 递归遍历下一个深度 }}
然后，我们可以调用这个函数来遍历这个嵌套的数组：

js

const data = [1, [2, [3, [4]], 5], 6];traverse(data); // 输出: 1, 2, 3, 4, 5, 6

Answer 2

使用 v-for循环。