- Use Ruby syntax to declare variables that store Arrays
- Explain use cases for Arrays
- Access elements by index
- Use array methods to add, remove, and shuffle elements
Ruby provides us with a data type that can hold multiple pieces of data in a list. Imagine looking at a list of variables for each class taught in your school:
course_1 = "Math" course_2 = "Science" course_3 = "ELA" course_4 = "Theater" # etc...
This would soon be a LOT of code to initially type, to maintain over time and to create opportunities for typos. This pattern would defeat the point of programming which is to automate work!
If we have a list of similar items that we want to group together Ruby gives us a way to do that which only requires one variable.
An Array can hold as many pieces of data as we want it to. We refer to each piece of data as an element. The syntax Ruby expects for these lists is as follows:
courses_offered = ["Math", "Science", "ELA", "Theater"] student_ids = [1456, 3287, 7610, 5711]
A few things to notice:
- Variable names should be plural
- Each element inside of the array is separated by a comma and one space
- All elements in the array are of the same data type (best practice but not required)
It’s very likely that every application you’ve used - on a phone or laptop - utilized arrays in the code that built it.
We can’t see all the code that built every application, but there are some places where it’s very clear that an array would be the best tool to use. Here are some examples from sites we may be familiar with:
- Instagram uses arrays to hold all the posts for a given user. Alfie the Alpaca has over 800 posts, so the array is over 800 elements long!
- Kahoot uses an Array to hold all Kahoot quizzes on a users account
my_kahoots = ["Swift Loops", "Swift Dictionaries", "Intro to Objects", "Swift Arrays", "Functions"]
Where might an array be used in one of the sites you use on a regular basis?
We can rely on Arrays to keep our data in order. Each element, based on it’s location in the Array, is assigned an index position. In programming, numbering starts at 0, so the first element is in position 0.
courses_offered = ["Math", "Science", "ELA", "Theater"]
The syntax to access an element is below. We instruct the program to that we want to look at the
student_names array, then more specifically, the element at
courses_offered # --> "Math" courses_offered # --> "Science" courses_offered # --> "ELA" courses_offered # --> "Theater"
Try It: Declaring Arrays & Accessing Values
In repl, declare a variable that stores an array of at least 5 elements, each being a student name.
Print out the entire array, then individually print out all 5 student names to the console.
students = ["Allie", "Ruby", "Lisa", "Maile", "Kai"] puts students puts students puts students puts students puts students
Similar to the
.upcase and other methods we briefly saw in action for Strings, there is a whole set of Array methods available to us. We’ll just dive into a few in our work today, but as always, let your curiosity guide you if you want to explore more!
As we walk through each one, we will make real world connections to how these methods could be used to re-create functionality seen on Kahoot. For this, let’s work from a shared assumption/understanding that Kahoot stores each users Kahoots in an array.
The count method allows us to check the number of elements in the array it is called on
courses_offered = ["Math", "ELA", "Theater"] puts courses_offered.count # --> 3
Real world connection: Up at the top of the “Kahoots” view, a user can see the number of total Kahoots they have tied to their account.
The pop method allows us to remove the last element from the array it it called on
courses_offered = ["Math", "ELA", "Theater"] courses_offered.pop puts courses_offered # --> ["Math", "ELA"]
Real world connection: When a Kahoot ends, a 1st place winner is determined, then 2nd then 3rd and those names are displayed on the final screen. The pop method could be used three times to grab those from the array, if the array was sorted by score.
The push method allows us to add an element to the end of the array it is called on. In order to tell Ruby what element to add, we must include inside of
( ) after
courses_offered = ["Math", "ELA", "Theater"] courses_offered.push("Science") puts courses_offered # --> ["Math", "ELA", "Theater", "Science"]
Real world connection: When an user creates a new Kahoot, it is pushed into the array of all Kahoots.
.countcounts the total number of elements in the array
.pushadds an element to the end of the array
.popremoves the last element from the array
Try It: Array Methods
Earlier, you delcared a variable that stores an array of student names. Below that code, write code to remove all the students in that array, one by one.
Print out the array. Then, programmatically check (and print out) the length of the array.
Now, add in 5 new students to the array! Print the array again out to make sure they are in there.
students = ["Allie", "Ruby", "Lisa", "Maile", "Kai"] students.pop # repeat this line 4 more times puts students puts students.length students.push("Andy") # repeat 4 more times, with diff names
Click here for an Early Finisher Challenge!
Look into two other Ruby methods:
unshift. You can run a google search or start with this resource!
Choosing a Random Element
There are myriad real world connections we can make to web or mobile apps using randomization: quote/photos of the day, shuffling the order of songs on a playlist, Kahoot will randomize the order of questions so quizzes aren’t too predictable.
There are a few ways we can go about it programmatically. Let’s first consider the path laid out in this pseudo-code:
# 1. find the length of the array # 2. generate a number between 0 and the number found in step 1 # 3. access the element at that index position
The example above works and is the main path to implementation in other languages, but Ruby is so friendly that it built in a method that shuffles an array! Check out this simpler pseudo-code path:
# 1. shuffle the array # 2. access the element at index 0
Try It: Popsicle Stick Jar
Write the code the shuffle the array, then print out the name of the student in position 0.
Run the program several times to verify it's working as expected.
Now, use string interpolation to ask a question to the student you are calling on.
students = ["Allie", "Ruby", "Lisa", "Maile", "Kai"] students.shuffle puts students
Click here for an Early Finisher Challenge!
Your current popsicle stick jar is probably operating in a way that is equivalent to putting the stick back in the jar after calling a student. What if, after calling a student's name, you wanted to take their name out of the jar? (Hint: you might need to google how to remove the first element of an array in Ruby if you haven't already!)