Are you ready for a JavaScript adventure? In this lesson, we'll be exploring Nested Lists and Advanced List operations. You'll learn to master the creation, manipulation, and access of elements in both flat and nested lists. This can be quite useful. For instance, if we were to manage a checklist for a space mission, each list item could be a category containing its own list of tasks. Excited? Let's jump in!
Nested lists behave like clusters, where each item is itself a list, akin to celestial clusters of galaxies and stars.
Creating a nested list is straightforward: simply place a list inside another list, as shown:
Here, we have a nested list of 3 elements, each of which is also a list.
Accessing elements in a nested list is as if you're grouping stars into constellations. The first index points to the outer list, while the second points to the inner one:
Working with nested lists and indexing is akin to star-hopping in the cosmos — you're achieving the same goal but using code!
Just like modifying elements in a flat list, to modify elements in a nested list, you can make use of their indices. The first index will point to the outer list (or the sub-list), and the second index will point to the inner item (or the element in the sub-list):
