Goal: In the Arrays video, we learned:
- Arrays can contain numbers, strings, variables, expressions and other arrays
- Arrays have methods like
- How to access an element from an array
- How can we use square bracket notation to isolate a single element in an array? What does this notation look like?
- What is the difference between
Array Practice in the Console
- Make an array of your siblings' names or your favorite movie characters' names.
- Make an array of your parents' names.
- Combine these two arrays using
- Add your pets' names using
- Reverse the order of the array.
- Access one of your parents' names using the square bracket notation.
- Check out methods from the MDN (stick to the accessor and mutator methods sections). Try at least five of them.
Favorite Things Webpage
When you're comfortable using arrays in the console, move on to implementing them into a full project:
- Build a page with a form containing input fields where users may enter several of their favorite things.
- Then, write code that gathers each of these form input values and places them into one array.
- After this is done, use your site to practice targeting and moving elements between arrays:
- Use square bracket notation to access the second, first, and third elements of the original array of favorite things.
- Then, use
push() to add only these elements to a brand new array.
- Finally, display this new array in your page's HTML as list items in a