实现把多维数组转为一维数组的几种方式
在开发过程中遇到一个比较ip大小的情况,并且遇到了把二维数组转为一维数组的情况,翻下资料,做下总结。
方法一:转字符串法
该例子中,tempArr是一个多维数组,使用join将其转为字符串,在使用split方法转换为一维数组。
缺点: 如果数组中的各个项是number,将不可避免的转为字符串。
/** * 使用转字符串法 */ let tempArr = [1,[2,3],[4,5,[6,7]]]; let result_str1 = tempArr.join(',').split(','); console.log(result_str1); // ["1", "2", "3", "4", "5", "6", "7"]
改进:
使用了map进行再次遍历。
这种情况只适用于数组中各个项都是number类型或string类型的情况
// 可以使用循环改进 function unid(arr){ let result_str1 = arr.join(',').split(','); let result_number = result_str1.map(item=>{ return Number(item); }); return result_number; } console.log(unid(tempArr)); // [1, 2, 3, 4, 5, 6, 7]
方法二:使用数组的concat方法,以及apply
我们知道concat方法参数如果是一个数组,会把一个一维数组转为单个的项和前面的数组链接起来,如果是多维数组,则保留多维数组里面的项。
看下面这个小例子:
// 数组的concat方法
let tempArr2 = ['3',4],
tempArr3 = ['3',4,[5,6]];
console.log([1,2].concat(tempArr2)); // [1, 2, "3", 4]
console.log([1,2,].concat(tempArr3)); // [1, 2, "3", 4, [5,6]]
所以使用concat方法只能把二维数组转为一维数组
let tempArr4 = [[1,2],'3','4',[5,6],[7]]; console.log([].concat.apply([],tempArr4)); // [1, 2, "3", "4", 5, 6, 7]
方法三:使用递归
可以使用Object.prototype.toString.call()来判断array的类型,也可以使用Array.isArray来判断。
// 方法三:使用递归来实现多维数组转为一维数组 let result = [], tempArr5 = ['1',2,[3,4,[5,6]],7]; function unid1(arr){ for(let item of arr){ if(Object.prototype.toString.call(item).slice(8, -1)==='Array'){ unid1(item); }else{ result.push(item); } } return result; } console.log(unid1(tempArr5)); // ["1", 2, 3, 4, 5, 6, 7]
三种方法有好有坏,还是需要根据实习情况来按需使用。
posted on 2020-09-10 17:32 zhangzongshan 阅读(3260) 评论(0) 编辑 收藏 举报