js 实现 数组扁平化,数组求和求和

数组扁平化

  1. toString和split结合
    先通过toString()把数组转成String对象,再结合split() 方法使用逗号分隔符将String对象分割成字符串数组,再用map函数将数组中的字符串转成数字。
    var arr=[1,2,[3,4,[5]],6,[7,[8,9,[10,11,[12]]]]]
    
    var str = arr.toString().split(',').map(Number)
    console.log(str) 
    
  2. 递归
    通过循环递归的方式,一项一项地去遍历数组,如果每一项还是一个数组,那么就继续往下遍历,实现方式,如下所示:
    var array = [1, [2, [3, [4, 5]]]];
    function flatDeep(arr){
    	let result = [];
    	for(let i = 0; i < arr.length; i++) {
    		if(Array.isArray(arr[i])){
    			result = result.concat(flatDeep(arr[i]))
    		} else {
    			result.push(arr[i])
    		}
    	}
    	return result;
    }
    console.log(flatDeep(array));
    
  3. 用reduce函数
    使用reduce方法累加效果,实现思路跟常规的递归方法有些相似,代码如下:
    var array = [1, [2, [3, [4, 5]]]];
    function flatDeep(arr){
    	return arr.reduce(function(pre,next){
    		if(Array.isArray(next)){
    			return pre.concat(flatDeep(next))
    		} else {
    			return pre.concat(next)
    		}
    	}, [])
    }
    // 以上代码还可用三目运算符做如下简化
    function flatDeep(arr) {
    	return arr.reduce((pre, next) => {
    		return pre.concat(Array.isArray(next) ?  flatDeep(next) : next)
    	},[])
    }
    console.log(flatDeep(array));
    
  4. 扩展运算符与some函数结合
    先用数组的 some 方法把数组中仍然是组数的项过滤出来,然后执行 concat 操作,利用 ES6 的展开运算符,将其拼接到原数组中,最后返回原数组。代码如下:
    var array = [1, [2, [3, [4, 5]]]];
    function flatDeep(arr) {
    	while(arr.some(item => Array.isArray(item))){
    		arr = [].concat(...arr)
    	}
    	return arr;
    }
    console.log(flatDeep(array)); // [ 1, 2, 3, 4, 5 ]
    
  5. flat()方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。
    语法为:
    var newArray = arr.flat([depth])
    参数depth是指定要提取嵌套数组的结构深度,默认值为1。参数depth也可以传进 Infinity,代表不论多少层都要展开。用 flat 方法实现的扁平化代码效果如下:
    var array = [1, [2, [3, [4, 5]]]];
    function flatDeep(arr) {
    	return arr.flat(Infinity)
    }
    console.log(flatDeep(array)); // [ 1, 2, 3, 4, 5 ]
    

数组求和

  1. for循环

    for (let i = 0; i < array.length; i++) {
       sum += array[i];
    }
    
  2. forEach

    array.forEach(ele => {
        sum += ele;
    });
    
  3. 归并方法reduce()reduceRight()
    这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。
    reduce()方法从数组的第一项开始,逐个遍历到最后。
    reduceRight()则从数组的最后一项开始,向前遍历到第一项

    var sum1 = array.reduce(function(prev, next, index, array) {
        return prev + next;
    })
    
    var sum2 = array.reduceRight(function(last, before, index, array) {
        return last + before;
    })
    
  4. eval()

    eval(array.join("+")) 
    

练习:求多维数组的和

var arr=[1,2,[3,4,[5]],6,[7,[8,9,[10,11,[12]]]]]
var str = arr.toString().split(',').map(Number)
var sum=0;
str.forEach(item=>{
    sum+=item
})
console.log(sum)   //78
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值