【前端芝士樹】如何完成數(shù)組的扁平化 Array flattern？

2shou 發(fā)布于2019-08-23 12:57 / 465人閱讀

摘要：前端芝士樹如何完成數(shù)組的扁平化問(wèn)題描述輸入一個(gè)嵌套型數(shù)組輸出扁平化后的數(shù)組如果只是兩層的數(shù)據(jù)如果是多層嵌套的數(shù)組

【前端芝士樹】如何完成數(shù)組的扁平化 Array flattern？ 問(wèn)題描述

輸入：一個(gè)嵌套型數(shù)組
輸出：扁平化后的數(shù)組

let array = [1, [2, 3, 4]];
let arrayDeeper = [1, [2, [3, 4]]];

如果只是兩層的數(shù)據(jù)

function flatten_1(arr) {
  return Array.prototype.concat.apply([], arr);
}

console.log(flatten_1(array));

如果是多層嵌套的數(shù)組

function flattenDeeper_1(arr) {
  return arr.toString().split(",").map((item) => parseInt(item));
  //return arr.join(",").split(",").map((item) => parseInt(item));
}

function flattenDeeper_2(arr) {
  return arr.reduce((prev, current) => {
    return Array.prototype.concat(prev, Array.isArray(current) ? flattenDeeper(current) : current);
  })
}
function flattenDeeper_3(arr, result = []) {
  for (let item of arr) {
    if(Array.isArray(item)){
      flattenDeeper_2(item, result);
    }else{
      result.push(item);
    }
  }
  return result;
}
console.log(flattenDeeper_1(arrayDeeper));
console.log(flattenDeeper_2(arrayDeeper));
console.log(flattenDeeper_3(arrayDeeper));

GPU云服務(wù)器云服務(wù)器 php 數(shù)組扁平化扁平數(shù)組數(shù)組array 數(shù)組Array類型

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/99117.html

相關(guān)文章

【前端芝士樹】如何完成數(shù)組的去重 Array Unique？

摘要：前端芝士樹如何完成數(shù)組的去重輸入推薦方法其他方法利用實(shí)現(xiàn)數(shù)據(jù)的去重【前端芝士樹】如何完成數(shù)組的去重 Array Unique？輸入 const users = [{ id: 1, name: a }, { id: 2, name: a }, { id: 3, name: b }, { id: 4, name: v }]; 推薦方法 Array.prototype.u...

doodlewind 2019-08-23 13:01 評(píng)論0 收藏0
【前端芝士樹】Array的屬性及方法整理（參照MDN）

摘要：本文主要是我自己對(duì)的一些整理，參考自，其中的分類有些不準(zhǔn)確之處，還望見諒的基本屬性屬性的一些方法增刪改查基礎(chǔ)功能增刪改查基礎(chǔ)功能增刪改刪除數(shù)組的第一個(gè)元素刪除數(shù)組的最后一個(gè)元素在數(shù)組的開頭一個(gè)或多個(gè)元素，在數(shù)組的末尾增加一個(gè)或者多個(gè)元素?cái)?shù)組本文主要是我自己對(duì)Array的一些整理，參考自MDN，其中的分類有些不準(zhǔn)確之處，還望見諒 Array const arr = [1, 2, 3, ...

MoAir 2019-08-23 16:15 評(píng)論0 收藏0
【前端芝士樹】淺拷貝、深拷貝以及Object.assign()的作用、克隆對(duì)象、復(fù)制數(shù)組

摘要：前端芝士樹淺拷貝深拷貝以及的作用首先還是得回到的基本數(shù)據(jù)類型。值類型深拷貝數(shù)值布爾值字符串。它接受任意數(shù)量的源對(duì)象，主要作用就是枚舉它們的所有屬性并分配給。【前端芝士樹】淺拷貝、深拷貝以及Object.assign()的作用首先還是得回到Javascript的基本數(shù)據(jù)類型。值類型[深拷貝]：數(shù)值Num、布爾值Boolean、字符串String、null、undefined。基本...

ccj659 2019-08-23 16:14 評(píng)論0 收藏0
【前端芝士樹】模擬虛擬DOM掛載

摘要：前端芝士樹虛擬掛載是如何實(shí)現(xiàn)的問(wèn)題描述給出如下虛擬的數(shù)據(jù)結(jié)構(gòu)，如何實(shí)現(xiàn)簡(jiǎn)單的虛擬，渲染到目標(biāo)樹樣例數(shù)據(jù)渲染結(jié)果如下所示用實(shí)現(xiàn) 【前端芝士樹】虛擬DOM掛載是如何實(shí)現(xiàn)的問(wèn)題描述給出如下虛擬dom的數(shù)據(jù)結(jié)構(gòu)，如何實(shí)現(xiàn)簡(jiǎn)單的虛擬dom，渲染到目標(biāo)dom樹 //樣例數(shù)據(jù) let demoNode = ({ tagName: ul, props: {class: list}, c...

mist14 2019-08-23 13:01 評(píng)論0 收藏0
【前端芝士樹】Javascript的原型與原型鏈

摘要：在創(chuàng)建對(duì)象不論是普通對(duì)象還是函數(shù)對(duì)象的時(shí)候，都有一個(gè)叫做的內(nèi)置屬性，用于指向創(chuàng)建它的構(gòu)造函數(shù)的原型對(duì)象，也就是。因?yàn)橐粋€(gè)普通對(duì)象的構(gòu)造函數(shù)所以原型鏈原型鏈的形成是真正是靠而非。參考文章最詳盡的原型與原型鏈終極詳解，沒(méi)有可能是。【前端芝士樹】Javascript的原型、原型鏈以及繼承機(jī)制前端的面試中經(jīng)常會(huì)遇到這個(gè)問(wèn)題，自己也是一直似懂非懂，趁這個(gè)機(jī)會(huì)整理一下 0. 為什么會(huì)出現(xiàn)原型和...

yy736044583 2019-08-23 12:17 評(píng)論0 收藏0