數(shù)組扁平化的五種處理方法

一. 數(shù)組扁平化

數(shù)組的 扁平化就是將一個(gè)二維或者多維的數(shù)組進(jìn)行處理成一個(gè)一維的數(shù)組

形同var arr = [1,2,3,[4,5,6,[7,8,9]]]

  1. reduce

    var arr = [1,2,3,[4,5,6,[7,8,9]]]
    function Fn ( arr ){
            let newArr = arr.reduce((res,item)=>{
                return [].concat(res,item)
            }) 
            const flag = newArr.some(item=>Array.isArray(item))
            if(flag){
                return Fn(newArr)
            }else{
                return newArr
            }
        }
        console.log(Fn(arr))
    
  1. toString&split

        function flattening(arr) {
        let arr1 = arr.toString().split(",");
        //此時(shí)得到的每一項(xiàng)的字符數(shù)組
        //接著轉(zhuǎn)數(shù)字
        let arr2 = arr1.map(item => {
            return item * 1;
        })
        return arr2;
    }
    console.log(flattening(arr))
    
  1. join&split

        function flattening(arr) {
        let arr1 = arr.join().split(",");
        //此時(shí)得到的每一項(xiàng)的字符數(shù)組
        //接著轉(zhuǎn)數(shù)字
        let arr2 = arr1.map(item => {
            return item * 1;
        })
        return arr2;
    }
    
  1. 遞歸

        function fn(arr) {
            var res = []
            arr.map(item => {
            if(Array.isArray(item)) {
                res = res.concat(fn(item))
            }else{
                res.push(item)
            }
        })
            return res
    }
    
  1. 擴(kuò)展運(yùn)算符

     var arr=[1,[2,[3,4]],5,6] 
        while(arr.some(item =>Array.isArray(item))){    
            arr = [].concat(...arr)
        }
      console.log(arr)
    
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末悲没,一起剝皮案震驚了整個(gè)濱河市医增,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌间聊,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,602評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡侨糟,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門瘩燥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來秕重,“玉大人,你說我怎么就攤上這事厉膀∪茉牛” “怎么了?”我有些...
    開封第一講書人閱讀 152,878評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵服鹅,是天一觀的道長凳兵。 經(jīng)常有香客問我,道長企软,這世上最難降的妖魔是什么庐扫? 我笑而不...
    開封第一講書人閱讀 55,306評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮澜倦,結(jié)果婚禮上聚蝶,老公的妹妹穿的比我還像新娘。我一直安慰自己藻治,他們只是感情好碘勉,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評(píng)論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著桩卵,像睡著了一般验靡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上雏节,一...
    開封第一講書人閱讀 49,071評(píng)論 1 285
  • 那天胜嗓,我揣著相機(jī)與錄音,去河邊找鬼钩乍。 笑死辞州,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的寥粹。 我是一名探鬼主播变过,決...
    沈念sama閱讀 38,382評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼涝涤!你這毒婦竟也來了媚狰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,006評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤阔拳,失蹤者是張志新(化名)和其女友劉穎崭孤,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,512評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡辨宠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評(píng)論 2 325
  • 正文 我和宋清朗相戀三年遗锣,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片彭羹。...
    茶點(diǎn)故事閱讀 38,094評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡黄伊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出派殷,到底是詐尸還是另有隱情还最,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評(píng)論 4 323
  • 正文 年R本政府宣布毡惜,位于F島的核電站拓轻,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏经伙。R本人自食惡果不足惜扶叉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望帕膜。 院中可真熱鬧枣氧,春花似錦、人聲如沸垮刹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽荒典。三九已至酪劫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間寺董,已是汗流浹背覆糟。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評(píng)論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留遮咖,地道東北人滩字。 一個(gè)月前我還...
    沈念sama閱讀 45,536評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像御吞,于是被迫代替她去往敵國和親踢械。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • //什么是數(shù)組扁平化 //將嵌套多層的數(shù)組魄藕,轉(zhuǎn)為一層數(shù)組叫做數(shù)組扁平化 vararr=[1,[2,[3]]] //...
    流星絕塵閱讀 201評(píng)論 0 0
  • JavaScript數(shù)組方法持續(xù)更新 作為 js 的重要一員,一定要好好了解一番撵术,若有理解不到之處背率,還望不吝指教。...
    陳年小萌新閱讀 154評(píng)論 0 0
  • http://www.conardli.top/docs/JavaScript/%E6%95%B0%E7%BB%8...
    Time_Notes閱讀 160評(píng)論 0 0
  • 什么是數(shù)組扁平化? ['a','b','c'] //這是一個(gè)擁有3個(gè)元素的數(shù)組寝姿,是一個(gè)一維數(shù)組(不存在數(shù)組嵌套)交排。...
    small_zeo閱讀 1,065評(píng)論 0 0
  • **數(shù)組的概念及其定義方式** - 數(shù)組:有序的值的集合 ``` /** * 定義數(shù)組 */ defineArra...
    clp簡閱讀 190評(píng)論 0 0