js遍历多层数组对象放在一个列表里

可以使用递归函数来遍历多层数组对象，并将它们放在一个列表里。以下是一个示例代码：

function flattenArray(arr) {
var result = [];
for (var i = 0; i < arr.length; i++) {
if (Array.isArray(arr[i])) {
result = result.concat(flattenArray(arr[i]));
} else {
result.push(arr[i]);
}
}
return result;
}

var nestedArray = [[1, 2], [3, [4, 5]], 6];
var flattenedArray = flattenArray(nestedArray);
console.log(flattenedArray); // [1, 2, 3, 4, 5, 6]

相关问题

js的map函数遍历多层数组

在JavaScript中，map函数可以用于遍历多层数组。当数组的元素也是数组时，可以使用嵌套的map函数来实现遍历。以下是一个示例代码：

const arr = [[1, 2], [3, 4], [5, 6]];

const result = arr.map(innerArr => {
  return innerArr.map(num => num * 2);
});

console.log(result);

在上述中，我们有一个包含多个内部数组的外部数组。通过使用map函数，我们可以遍历外部数组的每个内部数组。然后，对于每个内部数组，我们再次使用map函数来遍历其中的每个元素，并将其乘以2。最终，我们得到一个新的数组result，其中包含原始数组中每个元素的两倍值。

所以，通过嵌套的map函数，我们可以非常方便地遍历多层数组。这样可以在每个元素上执行自定义的操作，并返回一个新的数组作为结果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [js用递归遍历多维数组_js面试题更新之40](https://blog.csdn.net/weixin_39634132/article/details/111050345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [js用递归遍历多维数组_JS数组的遍历上 (含forEach等方法源码)](https://blog.csdn.net/weixin_39812577/article/details/110287876)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

vue循环遍历多层数组回显

在Vue.js中，如果你需要遍历一个多层数组并将其内容显示出来，可以使用`v-for`指令配合嵌套的`v-for`或对象的`props`来实现。假设你有一个结构类似这样的多层数组：

data() {
  return {
    items: [
      {
        id: 1,
        name: 'Parent 1',
        children: [
          { id: 11, name: 'Child 11' },
          { id: 12, name: 'Child 12' }
        ]
      },
      {
        id: 2,
        name: 'Parent 2',
        children: [
          { id: 21, name: 'Child 21' },
          { id: 22, name: 'Child 22' }
        ]
      }
    ]
  };
}

你可以这样在模板中循环遍历：

<template>
  <div v-for="parent in items">
    <h3>{{ parent.name }}</h3>
    <ul>
      <li v-for="child in parent.children">
        {{ child.name }}
      </li>
    </ul>
  </div>
</template>

在这个例子中，外层的`v-for`遍历每个父级元素，而内层的`v-for`则遍历每个父级的子元素。这样就可以逐层回显数组的内容。