Fork, clone, branch (training), bundle install

By the end of this, students should be able to:

• Contrast Ruby Arrays with JavaScript Arrays.
• Create a Ruby Array using both the literal ([]) and new constructors.
• Assign an element at a specific index in a Ruby Array.
• Access elements by index in a Ruby Array.
• Add elements to and remove elements from the end of a Ruby Array.
• Add elements to and remove elements from the beginning of a Ruby Array.

In Ruby, "Arrays are ordered, integer-indexed collections of any object." From that, Ruby Arrays seem a lot like JavaScript Arrays.

But there are some important differences.

As with JavaScript, Ruby Arrays can be created using literals (technically, a constructor method on class Array) and with a constructor.

> developers = []
=> []
> developers = Array.new
=> []

With the literal syntax, we can create an array with initial values.

> not_the_same_type = [[], 'one', 2.0, 3]
=> [[], "one", 2.0, 3]
> developers = ['Natasha', 'Cliff', 'Natalia', 'Alex']
=> ["Natasha", "Cliff", "Natalia", "Alex"]

If all of the entries are strings, Ruby provides a (Perl inspired) string quoting mechanism to create an Array.

> developers = %w{Natasha Cliff Natalia Alex}
=> ["Natasha", "Cliff", "Natalia", "Alex"]

Let's use Array::new to create some initialized arrays in bin/code_along.rb. Creating Arrays has an important caveat when creating Ruby Arrays with default values.

• Create an empty array, lit_array, using the literal syntax

• Create an array, constr_array, using the constructor syntax, initialized with 5 elements

• Create an array, ten_false_array, initialized with 10 false elements

How does this compare with creating JavaScript Arrays?

Let's explore:

• Array#[] (Element Reference)
• Array#[]= (Element Assignment)

> developers[0]
=> "Natasha"
developers[-1]
=> "Alex"
> developers[-4] == developers[0]
=> true
> developers[developers.length]
=> nil
> developers[-5]
=> nil
> developers[-3, 2]
=> ["Cliff", "Natalia"]
> developers[-5] = 'Ying'
IndexError: index -5 too small for array; minimum: -4
from (pry):4:in ``__pry__''
> developers[developers.length] = 'Ying'
=> "Ying"

Working in bin/lab.rb (storing the results of any access in tmp for display):

• Assign 20 to the element at length+1.
• Access the 3rd element from the end of an array length of 5.
• Access element 9 for a length of 5 elements.
• Assign [-12, -49] to the 5th element from the end.
• Access all the elements starting at index 1.

In bin/lab.js do the same in JavaScript.

• Array#push (Append - also Array#<<)
• Array#pop (Remove from end)
• Array#unshift (Prepend)
• Array#shift (Remove from beginning)

> developers << "Jordan"
=> ["Natasha", "Cliff", "Natalia", "Alex", "Ying", "Jordan"]
> developers.push "Josh"
=> ["Natasha", "Cliff", "Natalia", "Alex", "Ying", "Jordan", "Josh"]
> developers << "Gabe" << "David"
=> ["Natasha",
  "Cliff",
  "Natalia",
  "Alex",
  "Ying",
  "Jordan",
  "Josh",
  "Gabe",
  "David"]
> developers.shift 4
=> ["Natasha", "Cliff", "Natalia", "Alex"]
> developers
=> ["Ying", "Jordan", "Josh", "Gabe", "David"]

Create bin/story.rb. In this file, tell a story (of your choice) involving multiple characters that enter and leave the story. These characters should be held in an array and should be added to and taken out of the story using the push, pop, shift and unshift methods. Practice using string concatenation while printing your story by only referring to your characters from their held array (i.e., no hardcoding of names that exist in the array). One these requirements are met, feel free to implement more creative string and array methods into your story.

For example:

characters = ["Lee", "Adrian", "Bo"]

puts "There once were three friends, #{characters[0]}, #{characters[1]}, and #{characters[2]}."

characters << "Taylor"

puts "#{characters[-2]} befriended #{characters[-1]}, #{characters[0]}\'s known enemy.
      #{characters[0]} could no longer be their friend."

characters.shift;

puts "#{characters[0]}, #{characters[1]}, and #{characters[2]} needed to think of lunch plans."

Running ruby bin/story.rb should print your story for you in the terminal.

In lab.md describe the differences between the Array methods push, pop, unshift, and shift in Ruby and JavaScript.

In bin/lab.rb use a block initializer with Array.new to create a Ruby Array with ten elements where elements are equal to their index multiplied by 2. Store the result and display it on the console with p <array name>.

In bin/lab.js do the same in JavaScript with new Array and a method chain.

Source code distributed under the MIT license. Text and other assets copyright General Assembly, Inc., all rights reserved.