vue多维数组扁平化
时间: 2024-08-12 18:04:39 浏览: 101
Vue中处理多维数组扁平化通常是为了简化数据结构以便于渲染和操作。多维数组扁平化就是将嵌套的数组元素合并成一维数组,每个元素只保留自身值。常见的方法有递归遍历、使用Array.prototype.flat()方法或者第三方库如lodash的_.flattenDeep方法。
以下是一个简单的手动递归扁平化的例子:
```javascript
function flattenArray(arr) {
return arr.reduce((flat, item) => Array.isArray(item) ? flat.concat(flattenArray(item)) : flat.concat(item), []);
}
// 使用示例
let nestedArray = [[1, [2, [3, ]]]];
let flattenedArray = flattenArray(nestedArray);
console.log(flattenedArray); // 输出:[1, 2, 3, 4]
```
阅读全文