美文网首页
JavaScript编程---数组嵌套转单数组

JavaScript编程---数组嵌套转单数组

作者: 苏敏 | 来源:发表于2017-11-14 20:43 被阅读49次

实现一个flatten函数,将一个嵌套多层的数组 array(数组) (嵌套可以是任何层数)转换为只有一层的数组,数组中元素仅基本类型的元素或数组,不存在循环引用的情况。 Ex:

var arr = [1,[2,3,[4,5]],-4,['q',[['a123']]]] 转换成 [1,2,3,4,5,-4,'q','a123']

思路一:拿到一个空数组,循环递归,如果本身是数组,继续递归,如果不是,把数据放进空数组,直到结束

function flatten(arr) {
    var _arr = []
    function _flat(arr) {
        arr.forEach(val = >{
            if (Array.isArray(val)) {
                _flat(val)
            } else {
                _arr.push(val)
            }
        })
        // 可以通过上面的箭头函数来实现 es6写法
        //arr.forEach(function(val){
        //  if (Array.isArray(val)) {
        //      _flat(val)
        //  } else {
        //      _arr.push(val)
        //  }
        // }) 
    }
    _flat(arr) return _arr
}

var arr = [1, [2, 3, [4, 5]], -4, ['q', [['a123']]]]

思路二:通过reduce方法,通过拼接,过程还是上面的过程,判断是否是数组,是的话继续,不是的话拿出来拼接返回一个新的数组

function flatten2(arr) {
    return arr.reduce(function(initArr, currentArr) {
        return initArr.concat(Array.isArray(currentArr) ? flatten2(currentArr) : currentArr)
    },[])
}

着急下班,不写太多东西了,注意一下思路和es6语法,逃~

相关文章

  • JavaScript编程---数组嵌套转单数组

    实现一个flatten函数,将一个嵌套多层的数组 array(数组) (嵌套可以是任何层数)转换为只有一层的数组,...

  • 『JavaScript专题』之数组扁平化

    JavaScript专题之数组扁平化 扁平化 数组的扁平化,就是将一个嵌套多层的数组 array (嵌套可以是任何...

  • 数组API

    Javascript数组API: 1、将数组转化为字符串:2种: var str=String(str);将数组转...

  • 01-JS-04

    数组 字面量 var arr=[ ];[ 二维数组 ]数组里面再嵌套一个数组 [ 多维数组 ]数组里面嵌套多个数组...

  • 几个有用的 JavaScript 技巧

    1.对数字数组进行排序 JavaScript 数组有内置的 sort 方法。默认情况下 sort 方法把数组元素转...

  • MJExtension的使用

    一、JSON转模型 二、JSON字符串转模型 三、模型中嵌套模型 四、模型中有个数组属性,数组里面又要装着其他模型

  • angular2foreach遍历的几种用法

    遍历简单的数组 遍历数组对象 遍历嵌套数组

  • js 数组扁平化实现的多种方法

    方法① 效果:不管数组嵌套多少层,都转化为一维数组。 方法② 效果:不管数组嵌套多少层,都转化为一维数组。 方法③...

  • 每日一题

    20170830 数组扁平化: 实现一个flatten函数,将一个嵌套多层的数组 array(数组) (嵌套可以是...

  • 06-JavaScript数组和函数

    JavaScript数组 JavaScript中的数组可以存储不同类型的数据 JavaScript中的数组是引用类...

网友评论

      本文标题:JavaScript编程---数组嵌套转单数组

      本文链接:https://www.haomeiwen.com/subject/zkfqvxtx.html