vue对象转数组,vue二维数组怎么渲染到表格里
本文主要介绍了vue如何将二维数组转化为一维数组，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。
目录
详细实现了二维数组转换为一维数组的要求。多维数组转换为一维数组的六种方法ES6 flat方法递归reduce concat递归join splittoString spliteval
将二维数组转化为一维数组
需求
数组嵌套数据导致流通不方便，所以想把二维数组合并成一维数据，方便数据操作。
具体实现
使用reduce方法
Reduce:返回一个新数组，不改变原数组。就是遍历数组元素，从头开始，依次往下。第一个参数是上一次的返回值，第二个参数是下一个数组元素。第一次，第一个和第二个参数分别是array [0]和array[1]；
设flat=[[1，2，3]，[4，5，6]，[6，7，8]]。减少((上一个，下一个)={
return prev . concat(next)；//循环拼接数组
});
console.log(平面)；
将多维数组转一维数组6种方法
ES6 flat方法
var arr=[1，[[[2，3]，4]]，5]；
arr.flat(无穷大)//[1，2，3，4，5]
递归
var arr=[1，[[[2，3]，4]]，5]；
var new arr=[]；
函数Arr(arr){
arr.map(item={
if(Array.isArray(item)){
Arr(项目)
}否则{
newArr.push(项目)
}
})
返回newArr
}
console . log(Arr(Arr))；//[ 1, 2, 3, 4, 5 ]
reduce +concat + 递归
var arr=[[[[2，3]，4]]，5]；
函数concatArr(arr){
var newArr=arr.reduce((pre，next)={
返回pre.concat(Array.isArray(next)？concatArr(next):next)
},[])
return newArr
}
console . log(concat arr(arr))；//[ 2, 3, 4, 5 ]
join+split
var arr=[[1，2]，3，[4，[5]]；
var arr1=arr.join()。拆分(，)；
console . log(arr 1)；//[1, 2, 3, 4, 5]
toString+split
var arr=[[1，2]，3，[4，[5]]；
var arr1=arr.toString()。拆分(，)；
console . log(arr 1)；//[1, 2, 3, 4, 5]
eval
var arr=[[1，2]，3，[4，[5]]；
var arr 1=eval([ arr ])；
console . log(arr 1)；//[ 1, 2, 3, 4, 5 ]
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。