Introduction
You’ll learn about the topics this chapter contains, which include using arrays and array methods.
We'll cover the following
The ancient Greek poet Archilochus wrote, “A fox knows many things, but a hedgehog one important thing.” The great historian Isaiah Berlin said all thinkers are either hedgehogs or foxes. I think the same is true of syntax.
As you’ve seen, const
is a hedgehog. It can only do one thing—make an unchanging
declaration. By only doing one thing, it makes your code readable
and predictable. As you’ll see in upcoming tips, array methods are all hedgehogs.
They can do only one thing on an array. But they do it well, so you can
safely predict outcomes without diving into the details.
For the most part, you want to stick with syntax that does one thing very well. But there are times when you need things to be flexible. An array is the ultimate fox because it can do many things. In fact, it can do almost anything you’d ever want for a collection of information. More importantly, many other collections use concepts that you’d most often associate with arrays.
For example, when you have a string, ‘hedgehog’, you have a lot of available actions you’d normally perform on arrays.
-
You can get the size:
'hedgehog'.length
will return8
. -
You can also pick out individual letters by index:
'hedgehog'[3]
will return'g'
.
There are so many other methods that it would take too long to list them all.
These methods don’t belong to arrays specifically (they rely on a property
called Iterator
), but they’re most intuitively connected to arrays. When you
study arrays carefully, you’ll gain many insights into other data structures.
Arrays know many things. They are foxes.
What does this chapter include?
In this chapter, you’ll see that arrays are becoming better than ever. Not only are they a good choice for many data needs, but they have new syntax that reduces many common actions to one-liners while simultaneously reducing mutations that can cause subtle bugs. And pay attention—you’ll see the same ideas in later tips.
To begin, you’ll see how data can always be converted to arrays, including
converting other collections (such as objects) to arrays when necessary. From
there, you’ll learn new syntax, such as includes()
, to test existence in arrays
and, crucially, the spread operator symbolized by three dots (...
). The spread
operator is so important in the modern use of arrays that the next two tips
will explore how the spread operator changes how you use arrays in your
code. Pay close attention—you’ll see the spread operator in many future tips.
To keep code readable, you should stick with simple, predictable approaches (hedgehogs). But to make code flexible, you need arrays to move between structures. It’s a tough balancing act, but you need both. Everything you do in JavaScript will be easier if you have a clear understanding of arrays.
Get hands-on with 1400+ tech skills courses.