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

2shou 發布于2019-08-23 12:57 / 457人閱讀

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

【前端芝士樹】如何完成數組的扁平化 Array flattern？ 問題描述

輸入：一個嵌套型數組
輸出：扁平化后的數組

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

如果只是兩層的數據

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

console.log(flatten_1(array));

如果是多層嵌套的數組

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云服務器 php 數組扁平化扁平數組數組array 數組Array類型

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99117.html

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

摘要：前端芝士樹如何完成數組的去重輸入推薦方法其他方法利用實現數據的去重【前端芝士樹】如何完成數組的去重 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 評論0 收藏0
【前端芝士樹】Array的屬性及方法整理（參照MDN）

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

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

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

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

摘要：前端芝士樹虛擬掛載是如何實現的問題描述給出如下虛擬的數據結構，如何實現簡單的虛擬，渲染到目標樹樣例數據渲染結果如下所示用實現【前端芝士樹】虛擬DOM掛載是如何實現的問題描述給出如下虛擬dom的數據結構，如何實現簡單的虛擬dom，渲染到目標dom樹 //樣例數據 let demoNode = ({ tagName: ul, props: {class: list}, c...

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

摘要：在創建對象不論是普通對象還是函數對象的時候，都有一個叫做的內置屬性，用于指向創建它的構造函數的原型對象，也就是。因為一個普通對象的構造函數所以原型鏈原型鏈的形成是真正是靠而非。參考文章最詳盡的原型與原型鏈終極詳解，沒有可能是。【前端芝士樹】Javascript的原型、原型鏈以及繼承機制前端的面試中經常會遇到這個問題，自己也是一直似懂非懂，趁這個機會整理一下 0. 為什么會出現原型和...

yy736044583 2019-08-23 12:17 評論0 收藏0