Why Arrays Exist and What Problem They Solve in DSA Javascript - Challenge Your Understanding

Challenge - 5 Problems

🧠 Conceptual

intermediate

Why do arrays help in storing data?

Imagine you want to keep a list of your favorite books. Which problem does using an array solve compared to using separate variables for each book?

A Arrays make your books invisible to other parts of the program.

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

C Arrays prevent you from adding more books once created.

D Arrays automatically sort your books alphabetically without extra code.

💡 Hint

Think about how you would find the 3rd book if you had 10 separate variables versus one list.

Arrays group multiple items together so you can store and access them by their position (index). This avoids creating many separate variables and makes managing lists easier.

❓ Predict Output

intermediate

What is the output of accessing an array element?

Look at this JavaScript code and find the output of the console.log statement.

DSA Javascript

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

A "cherry"

B "apple"

C "banana"

D undefined

💡 Hint

Remember, array indexes start at 0.

The array fruits has 'apple' at index 0, 'banana' at index 1, and 'cherry' at index 2. Accessing fruits[1] returns 'banana'.

❓ Predict Output

advanced

What happens when you add an item to an array?

Consider this JavaScript code. What will be the printed array after adding a new item?

DSA Javascript

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

A ["red", "green", "blue", "yellow"]

B ["yellow", "red", "green", "blue"]

C ["red", "green", "blue"]

D Error: push is not a function

💡 Hint

Think about what the push method does to an array.

The push method adds the new item to the end of the array. So the array now has four items with 'yellow' at the end.

🔧 Debug

advanced

Why does this code print undefined?

Look at this code and find why the output is undefined.

DSA Javascript

const numbers = [10, 20, 30];
console.log(numbers[3]);

A Because index 3 does not exist in the array, so it returns undefined.

B Because the array elements are strings, not numbers.

C Because numbers[3] is a syntax error.

D Because the array is empty and has no elements.

💡 Hint

Check how many items the array has and what indexes are valid.

The array has elements at indexes 0, 1, and 2. Accessing index 3 is out of range, so JavaScript returns undefined.

🧠 Conceptual

expert

What problem do arrays solve compared to linked lists?

Arrays and linked lists both store collections of items. What is a key advantage of arrays over linked lists?

A Arrays automatically sort their items, linked lists do not.

B Arrays use less memory than linked lists because they store pointers.

C Arrays can grow and shrink dynamically without any cost, unlike linked lists.

D Arrays allow fast access to any item by index, while linked lists require walking through nodes.

💡 Hint

Think about how you find the 5th item in an array versus a linked list.

Arrays store items in continuous memory locations, so accessing by index is fast (direct). Linked lists require moving from one node to the next to reach a position.

Practice

1. Why do arrays exist in programming languages like JavaScript?

easy

A. To store multiple values in a single variable in an ordered way

B. To perform mathematical calculations faster

C. To replace all other data structures

D. To store only one value at a time

Solution

1. Step 1: Understand the purpose of arrays

   Arrays allow storing many values together instead of separate variables for each value.

2. Step 2: Recognize the order and grouping feature

   Arrays keep values in order and allow easy access by position (index).

3. Final Answer:

   To store multiple values in a single variable in an ordered way -> Option A

4. Quick Check:

   Arrays group values in order = A [OK]

Hint: Arrays group many values in order inside one variable [OK]

Common Mistakes:

• Thinking arrays store only one value
• Confusing arrays with math operations
• Believing arrays replace all data structures

2. Which of the following is the correct way to create an empty array in JavaScript?

easy

A. let arr = {}

B. let arr = ()

C. let arr = []

D. let arr = ''

Solution

1. Step 1: Recall JavaScript array syntax

   Arrays are created using square brackets [].

2. Step 2: Identify the correct empty array syntax

   Using [] creates an empty array, while {} creates an object, () is invalid, and '' is a string.

3. Final Answer:

   let arr = [] -> Option C

4. Quick Check:

   Empty array uses [] = C [OK]

Hint: Use square brackets [] to create arrays in JavaScript [OK]

Common Mistakes:

• Using curly braces {} which create objects
• Using parentheses () which are invalid for arrays
• Using empty quotes '' which create strings

3. What will be the output of the following code?

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

medium

A. banana

B. apple

C. cherry

D. undefined

Solution

1. Step 1: Understand array indexing

   Arrays start at index 0, so fruits[0] = 'apple', fruits[1] = 'banana'.

2. Step 2: Identify the value at index 1

   fruits[1] accesses the second element, which is 'banana'.

3. Final Answer:

   banana -> Option A

4. Quick Check:

   fruits[1] = banana [OK]

Hint: Remember array indexes start at 0 in JavaScript [OK]

Common Mistakes:

• Thinking index starts at 1
• Confusing element positions
• Expecting undefined for valid index

4. Find the error in this code that tries to add an element to an array:

const numbers = [1, 2, 3];
numbers.add(4);

medium

A. Numbers array should be a string

B. Missing semicolon after array declaration

C. Array should be declared with curly braces

D. Using add() method which does not exist for arrays

Solution

1. Step 1: Check array methods for adding elements

   JavaScript arrays use push() to add elements, not add().

2. Step 2: Identify the incorrect method usage

   Calling numbers.add(4) causes an error because add() is undefined for arrays.

3. Final Answer:

   Using add() method which does not exist for arrays -> Option D

4. Quick Check:

   Use push() to add elements, not add() [OK]

Hint: Use push() to add elements to arrays, not add() [OK]

Common Mistakes:

• Using add() instead of push()
• Thinking arrays use curly braces
• Confusing arrays with strings

5. You want to store a list of student names and quickly access any name by its position. Which data structure solves this problem best and why?

hard

A. Object, because it stores key-value pairs without order

B. Array, because it stores ordered elements accessible by index

C. Set, because it stores unique values without order

D. Map, because it stores key-value pairs with keys as indexes

Solution

1. Step 1: Understand the need for ordered storage with index access

   We want to store names in order and access by position number.

2. Step 2: Compare data structures for ordered access

   Arrays keep order and allow access by index, objects and sets do not guarantee order, maps use keys but not numeric indexes by default.

3. Final Answer:

   Array, because it stores ordered elements accessible by index -> Option B

4. Quick Check:

   Ordered access by position = Array [OK]

Hint: Use arrays for ordered lists with index access [OK]

Common Mistakes:

• Choosing objects or sets which lack order
• Thinking maps use numeric indexes by default
• Ignoring the need for order and position access