Array Flatten in JavaScript

What is a Nested Array? A nested array is simply an array that contains other arrays inside it. This nesting can go to any depth (even infinitely). [5, 6, [7, 8]] [5, 6, [7, 8, [8, 9]]] Why Do We N...

By · · 1 min read
Array Flatten in JavaScript

Source: DEV Community

What is a Nested Array? A nested array is simply an array that contains other arrays inside it. This nesting can go to any depth (even infinitely). [5, 6, [7, 8]] [5, 6, [7, 8, [8, 9]]] Why Do We Need to Flatten Arrays? Working with deeply nested arrays in real-world applications can be difficult. To make data easier to process, we flatten the array—i.e., convert it into a single-level array. [5, 6, [7, 8]] → [5, 6, 7, 8] [5, 6, [7, 8, [8, 9]]] → [5, 6, 7, 8, 8, 9] Methods to Flatten an Array Using Built-in flat() Method JavaScript provides a built-in method called flat(). let arr = [1, 2, [3, 4], [7, 8, [9, 10]]]; console.log(arr.flat(Infinity)); // Output: [1, 2, 3, 4, 7, 8, 9, 10] flat() takes a depth level as an argument. Infinity ensures the array is flattened completely. Example with limited depth: let arr1 = [1, 2, [3, 4], [7, 8, [9, 10, [5, 6]]]]; console.log(arr1.flat(2)); // Output: [1, 2, 3, 4, 7, 8, 9, 10, [5, 6]] Using Recursion This method manually traverses each element

Related Posts

Trending on ShareHub

  1. Understanding Modern JavaScript Frameworks in 2026
    by Alex Chen · Feb 12, 2026 · 0 likes
  2. The System Design Primer
    by Sarah Kim · Feb 12, 2026 · 0 likes
  3. Just shipped my first open-source project!
    by Alex Chen · Feb 12, 2026 · 0 likes
  4. OpenAI Blog
    by Sarah Kim · Feb 12, 2026 · 0 likes
  5. Building Accessible Web Applications: A Practical Guide
    by Alex Chen · Feb 12, 2026 · 0 likes
  6. Rapper Lil Poppa dead at 25, days after releasing new music
    Rapper Lil Poppa dead at 25, days after releasing new music
    by Anonymous User · Feb 19, 2026 · 0 likes
  7. write-for-us
    by Volt Raven · Mar 7, 2026 · 0 likes
  8. Before the Coffee Gets Cold: Heartfelt Story of Time Travel and Second Chances
    Before the Coffee Gets Cold: Heartfelt Story of Time Travel and Second Chances
    by Anonymous User · Feb 12, 2026 · 0 likes
    #coffee gets cold #the #time travel
  9. Best DoorDash Promo Code Reddit Finds for Top Discounts
    Best DoorDash Promo Code Reddit Finds for Top Discounts
    by Anonymous User · Feb 12, 2026 · 0 likes
    #doordash #promo #reddit
  10. Premium SEO Services That Boost Rankings & Revenue | VirtualSEO.Expert
    by Anonymous User · Feb 12, 2026 · 0 likes
  11. NBC under fire for commentary about Team USA women's hockey team
    NBC under fire for commentary about Team USA women's hockey team
    by Anonymous User · Feb 18, 2026 · 0 likes
  12. Where to Watch The Nanny: Streaming and Online Viewing Options
    Where to Watch The Nanny: Streaming and Online Viewing Options
    by Anonymous User · Feb 12, 2026 · 0 likes
    #streaming #the nanny #where
  13. How Much Is Kindle Unlimited? Subscription Cost and Plan Details
    How Much Is Kindle Unlimited? Subscription Cost and Plan Details
    by Anonymous User · Feb 12, 2026 · 0 likes
    #kindle unlimited #subscription #unlimited
  14. Russian skater facing backlash for comment about Amber Glenn
    Russian skater facing backlash for comment about Amber Glenn
    by Anonymous User · Feb 18, 2026 · 0 likes
  15. Google News
    Google News
    by Anonymous User · Feb 18, 2026 · 0 likes

Latest on ShareHub

Browse Topics

#ai (3829)#news (2301)#webdev (1629)#programming (1155)#business (1147)#opensource (966)#security (877)#productivity (842)#/business (832)#javascript (699)

Around the Network