Learning

Dan Shiffman Coding Train videos

Playlist: p5.js Tutorial

• 7.1: What is an array?
• 7.2: Arrays and Loops
• 7.3: Arrays of Objects
• 7.5: Removing Objects from Arrays

Playlist: Array Functions in JavaScript (from Topics of JavaScript/ES6)

• 16.4: for...of loop
• 16.6: Array Functions: map() and fill()
• 16.7: Array Functions: reduce()
• 16.8: Array Functions: filter()
• 16.9: Array Functions: sort()

Reference

MDN Web Docs: Arrays describes the Array type, and documents and has examples for each of the Array methods.

The JS Cheat Sheet has a module on Arrays:

From the JS Cheat Sheet.

Array Methods

Sarah Drasner's JavaScript Array Explorer allows you to choose the operation, and see the code (the Array method) that does this.

JavaScript Array Explorer

Table: Reading, Inserting, Removing, and Replacing Elements

Read

Insert

Remove

Replace

First Element

array[0]

array.unshift('a')

array.shift()

array[0] = 'A'

Middle

array.slice(2, 3)

array.splice(2, 0, 'c', 'd', 'e')

array.splice(2, 3)

array.splice(2, 3, 'C', 'D', 'E')

Last Element

array[array.length - 1]

array.push('z')

array.pop()

array[array.length-1] = 'Z'

More

• The JavaScript.info chapters on Arrays and Array Methods organize the Array methods by their effects: for example, add or remove items from the beginning (shift() and unshift()), the middle (slice() and splice()), and the end (push() and pop()).

JavaScript Iteration Methods compares array.map(), array.forEach(), array.some(), and array.every() to the same functionality written using for loops.

Tutorials

• The JavaScript Tutorial has a section JavaScript Array, with chapters that introduce Array, and recipes for specific operations on Arrays.
• How to Code in JavaScript > Understanding Arrays in JavaScript
• Code Analogies article and Interactive Tutorial

Array Ellipsis Shortcuts