Why arrays are needed in Javascript - Challenge Your Understanding

Challenge - 5 Problems

🧠 Conceptual

intermediate

Why use arrays instead of separate variables?

Imagine you want to store the names of 5 friends. Which reason best explains why using an array is better than using 5 separate variables?

A Arrays prevent any changes to the stored names once added.

B Arrays automatically sort the names alphabetically without extra code.

C Arrays use less memory than individual variables for each name.

D Arrays let you store many items in one place and easily access them by position.

💡 Hint

Think about how you would find the third friend's name if you had 5 separate variables.

Arrays group multiple items together so you can manage them easily by their position (index). This is simpler than handling many separate variables.

❓ Predict Output

intermediate

Accessing array elements

What is the output of this JavaScript code?

const fruits = ['apple', 'banana', 'cherry'];
console.log(fruits[1]);

A banana

B undefined

C cherry

D apple

💡 Hint

Remember, array indexes start at 0.

Arrays start counting at 0, so fruits[1] is the second item, 'banana'.

❓ Predict Output

advanced

Array length after push

What will be the value of numbers.length after running this code?

const numbers = [1, 2, 3];
numbers.push(4);
numbers.push(5);
console.log(numbers.length);

A 5

B 4

C 3

D 6

💡 Hint

Each push adds one item to the array.

Starting with 3 items, pushing 2 more adds 2, so length becomes 5.

🧠 Conceptual

advanced

Why arrays help with loops

Why are arrays useful when you want to repeat an action for many items?

A Because arrays store only numbers which are easy to loop over.

B Because arrays automatically run loops for you without code.

C Because arrays allow you to use loops to process each item easily by index.

D Because arrays prevent errors when looping through items.

💡 Hint

Think about how you would print each item in a list of names.

Arrays let you use loops to access each item by its position, making repeated actions simple and efficient.

❓ Predict Output

expert

Array mutation and output

What is the output of this code?

const colors = ['red', 'green', 'blue'];
colors[1] = 'yellow';
console.log(colors.join('-'));

A red-green-blue

B red-yellow-blue

C red,green,blue

D red,yellow,blue

💡 Hint

Changing an array element updates that position. join('-') connects items with dashes.

The second item 'green' is replaced by 'yellow'. Joining with '-' creates 'red-yellow-blue'.