Summary  
This chapter explains how to use JavaScript’s `flat` method to reduce the nesting levels of an array—by one level by default, by a specified depth, or fully when using `Infinity`.  

General domain of usage  
Hierarchical data processing

Nested arrays are common in JavaScript, especially when representing data that naturally forms a hierarchy, such as lists of lists or grids. However, working with deeply nested arrays can make data manipulation more complicated. In many cases, you need to simplify these structures by reducing their nesting level—a process known as **flattening**. Flattening makes it easier to perform operations on all elements of an array without having to manage multiple levels of depth.

const numbers = [1, 2, [3, 4], [5, 6]];
const flattened = numbers.flat();
console.log(flattened); // Output: [1, 2, 3, 4, 5, 6]

The **`flat`** method is a straightforward way to flatten arrays in JavaScript. By default, it reduces the nesting level by one, turning a two-dimensional array into a single-level array. However, arrays can have more than two levels of nesting. The **`flat`** method accepts an optional **`depth`** parameter, which determines how many levels of nesting should be flattened. If you pass a larger number as the depth, **`flat`** will continue flattening nested arrays up to that depth. For example, a depth of `2` will flatten arrays that are nested two levels deep. If you want to flatten all levels, you can pass **`Infinity`** as the depth.

Which of the following is the result of `[1, [2, [3, [4]]]].flat(2)`?

Master the most practical and commonly used JavaScript array methods, progressing from foundational techniques to advanced functional programming patterns. Each chapter introduces a new method, explains its purpose, demonstrates real-world usage, and tests your understanding.

Begin your journey by exploring the simplest and most essential array methods for accessing, adding, and removing elements.

Move beyond basics to learn how to transform arrays and search for elements using powerful built-in methods.

Delve into more advanced array methods for sorting, combining, and reducing data, building on your foundational knowledge.

Explore utility methods and functional programming patterns that make array processing more expressive and concise.

Flattening Arrays with flat

1. Which of the following is the result of `[1, [2, [3, [4]]]].flat(2)`?

2. Fill in the blank to flatten the array `const arr = [1, [2, [3, 4]]];` to a single-level array using the `flat` method.

Flattening Arrays with flat

1. Which of the following is the result of [1, [2, [3, [4]]]].flat(2)?

2. Fill in the blank to flatten the array const arr = [1, [2, [3, 4]]]; to a single-level array using the flat method.

1. Which of the following is the result of `[1, [2, [3, [4]]]].flat(2)`?

2. Fill in the blank to flatten the array `const arr = [1, [2, [3, 4]]];` to a single-level array using the `flat` method.