欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript如何合并多層級數組

 更新時間:2023年01月17日 10:30:57   作者:黃元帥  
這篇文章主要介紹了javascript如何合并多層級數組問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

javascript合并多層級數組

需求

返回一個數組的最低層級展現(遍歷出數組中每個元素)

  • 輸入:一個數組
  • 輸出:修改后的單層數組

代碼

const deepFlatten = arr=>[].concat(...arr.map(v=>Array.isArray(v)?deepFlatten(v) : v));

console.log('[1,[2],[3,[4]],[5,[6,[7,8]]]]合并后的數組為:'+deepFlatten([1,[2],[3,[4]],[5,[6,[7,8]]]]));

效果

一點想法

Array的map()方法會返回處理后的結果,搭配使用ES6中新的特性——擴展運算符…使遞歸更加高效、易懂。

javascript數組操作合集

數組操作:

改變原數組

  • arr.push(value) 數組尾部增加
  • arr.pop()  數組尾部刪除
  • arr.unshift(value)  數組頭部增加
  • arr.shift()  數組頭部刪除
  • arr.sort((a,b)=>a-b)  數組排序(升序)
  • arr.splice(start,length,value…) 數組指定位置增刪
  • arr.reverse()  數組倒置
  • delete arr[i]  數組清空某一個值為undefined
  • arr.fill(value,start,end) 填充數組
  • arr.copyWithin(targe,start,end)  數組切片復制到數組新位置
  • arr.toString() 數組轉化成字符串
  • Array.from(arr)  set類型等類數組轉化成數組

不改變原數組

  • arr.forEach(fn)  遍歷
  • arr.filter(fn)     篩選
  • arr.map(fn)     遍歷
  • arr.slice(start,end)  裁剪
  • arr.findIndex((item,index,arr)=>{})   找值,返回序號
  • arr.find(fn)        找值,返回值
  • arr.indexOf(item,start)   找值,返回序號,不能查找NaN
  • arr.includes(item,index)       找值,返回boolean,可查找NAN
  • arr.lastIndexOf(item,start)        反向找值,返回序號
  • arr.some(fn)       找是否存在,返回boolean
  • arr.every(fn)       所有子項是否條件都符合,返回boolean
  • arr.join(‘’)        用什么拼接
  • arr.reduce(fn)     數組累計執(zhí)行
  • arr.reduceRight(fn)
  • for(let [k,v] of a.entries())  遍歷key和value
  • arr.flat(層級)        層級攤平
  • arr.flatMap(fn)        類似map,層級無視
  • arr.concat(value)    合并數組
  • Array.isArray(arr)         判斷是否是數組
  • arr.entries()         返回數組的課迭代對象,key和value
  • arr.keys()           返回數組的課迭代對象
  • arr.values()          返回數組的課迭代對象

例:let a = [11,22,33]   求和

ruduce((sum,item)=>{sum+=item;return sum})
/*

? ? 確定對象o是不是類數組對象

*/

function isArrayLike(o) {

? ? if (o

? ? ? ? && typeof o === 'object' &&

? ? ? ? Number.isFinite(o.length) &&

? ? ? ? o.length >= 0 &&

? ? ? ? Number.isInteger(o.length) &&

? ? ? ? o.length < 4294967295) {

? ? ? ? return true

? ? } else {

? ? ? ? return false

? ? }

}

總結

以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • JS實現在線統(tǒng)計一個頁面內鼠標點擊次數的方法

    JS實現在線統(tǒng)計一個頁面內鼠標點擊次數的方法

    這篇文章主要介紹了JS實現在線統(tǒng)計一個頁面內鼠標點擊次數的方法,實例分析了javascript操作Cookie實現計數的技巧,需要的朋友可以參考下
    2015-02-02
  • JS實現商城秒殺倒計時功能(動態(tài)設置秒殺時間)

    JS實現商城秒殺倒計時功能(動態(tài)設置秒殺時間)

    這篇文章主要介紹了JS實現商城秒殺倒計時功能(動態(tài)設置秒殺時間),本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-12-12
  • 利用原生js實現html5小游戲之打磚塊(附源碼)

    利用原生js實現html5小游戲之打磚塊(附源碼)

    這篇文章主要給大家介紹了關于利用原生js實現html5小游戲之打磚塊的相關資料,這是最近工作遇到的一個小需求,文中通過示例代碼介紹的非常詳細,并分享了完整的源碼供大家參考學習,需要的朋友們下面隨著小編來一起學習學習吧。
    2018-01-01
  • 微信小程序登錄數據解密及狀態(tài)維持實例詳解

    微信小程序登錄數據解密及狀態(tài)維持實例詳解

    這篇文章主要介紹了微信小程序登錄數據解密及狀態(tài)維持,結合實例形式分析了微信小程序解密敏感信息及獲取session保持登陸狀態(tài)的相關操作技巧,需要的朋友可以參考下
    2019-05-05
  • 聊聊JavaScript如何實現繼承及特點

    聊聊JavaScript如何實現繼承及特點

    “繼承”是面向對象編程里面經常提及到的概念,它的目的是實現代碼復用。這篇文章主要介紹了聊聊JavaScript如何實現繼承及特點,有興趣的可以了解一下。
    2017-04-04
  • wangEditor編輯器失去焦點后仍然可以在原位置插入圖片分析

    wangEditor編輯器失去焦點后仍然可以在原位置插入圖片分析

    本文給大家?guī)淼氖且豢罘浅2诲e的富文本編輯器WangEditor,他最大的特點是它在ie6,7,8上都可以做到失去焦點后仍然可以在原位置插入圖片,而且代碼量很少,下面我們就來分析下他是如何實現的呢
    2015-05-05
  • three.js中物體的燈光與陰影設置

    three.js中物體的燈光與陰影設置

    本文主要介紹了three.js中物體的燈光與陰影設置,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-07-07
  • JavaScript常規(guī)加密技術實現方式詳解

    JavaScript常規(guī)加密技術實現方式詳解

    這篇文章主要為大家介紹了JavaScript常規(guī)加密技術實現方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-04-04
  • js實現緩動動畫

    js實現緩動動畫

    這篇文章主要為大家詳細介紹了js實現緩動動畫,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • 小程序從手動埋點到自動埋點的實現方法

    小程序從手動埋點到自動埋點的實現方法

    這篇文章主要介紹了小程序從手動埋點到自動埋點的實現方法,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-01-01

最新評論