Why Arrays Exist and What Problem They Solve in DSA Javascript - See It Work

Why Arrays Exist and What Problem They Solve

📖 Scenario: Imagine you run a small bookstore. You want to keep track of the books you have on the shelf. You start by writing down the titles one by one on separate pieces of paper. But soon, it becomes hard to find a book or add new ones quickly.To solve this, you decide to use a list where all book titles are kept together in order. This list is called an array in programming.

🎯 Goal: You will create an array to hold book titles, add a few books, and then print the list. This will show how arrays help organize and access multiple items easily.

📋 What You'll Learn

Create an array called books with three book titles: 'The Hobbit', '1984', and 'Pride and Prejudice'

Create a variable called newBook and set it to 'To Kill a Mockingbird'

Add the newBook to the books array using the push method

Print the books array to show all book titles

💡 Why This Matters

🌍 Real World

Arrays are used everywhere in software to keep lists of things like names, products, messages, or any group of items together.

💼 Career

Understanding arrays is essential for programming jobs because they are the basic way to organize and work with multiple pieces of data efficiently.

1

Create the initial array of books

Create an array called books with these exact book titles: 'The Hobbit', '1984', and 'Pride and Prejudice'

DSA Javascript

// Your code here

Hint

Use square brackets [] to create an array and separate items with commas.

2

Add a new book variable

Create a variable called newBook and set it to the string 'To Kill a Mockingbird'

DSA Javascript

const books = ['The Hobbit', '1984', 'Pride and Prejudice'];
// Your code here

Hint

Use const to create a variable and assign the book title as a string.

3

Add the new book to the array

Use the push method on the books array to add the newBook variable

DSA Javascript

const books = ['The Hobbit', '1984', 'Pride and Prejudice'];
const newBook = 'To Kill a Mockingbird';
// Your code here

Hint

Call books.push(newBook) to add the new book at the end of the array.

4

Print the list of books

Write console.log(books) to print the books array showing all book titles

DSA Javascript

const books = ['The Hobbit', '1984', 'Pride and Prejudice'];
const newBook = 'To Kill a Mockingbird';
books.push(newBook);
// Your code here

Hint

Use console.log(books) to display the array in the console.

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