Why arrays are needed in Javascript - See It in Action

Why arrays are needed

📖 Scenario: Imagine you have a list of your favorite fruits and you want to keep them all together so you can easily see and use them.

🎯 Goal: You will create a list of fruits using an array, then add a new fruit, and finally display all the fruits.

📋 What You'll Learn

Create an array called fruits with the exact values 'Apple', 'Banana', and 'Cherry'

Create a variable called newFruit and set it to the string 'Orange'

Add the newFruit to the fruits array using the push method

Print the fruits array to show all the fruits

💡 Why This Matters

🌍 Real World

Arrays are used everywhere to store lists like shopping items, user names, or messages.

💼 Career

Knowing arrays is essential for any programming job because they help manage collections of data efficiently.

1

Create the initial array

Create an array called fruits with these exact values: 'Apple', 'Banana', and 'Cherry'.

Javascript

// Create the array fruits with 'Apple', 'Banana', and 'Cherry'
// Your code here

Hint

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

2

Add a new fruit variable

Create a variable called newFruit and set it to the string 'Orange'.

Javascript

const fruits = ['Apple', 'Banana', 'Cherry'];
// Create newFruit and set it to 'Orange'
// Your code here

Hint

Use const newFruit = 'Orange'; to create the variable.

3

Add the new fruit to the array

Use the push method on the fruits array to add the newFruit variable.

Javascript

const fruits = ['Apple', 'Banana', 'Cherry'];
const newFruit = 'Orange';
// Add newFruit to fruits array
// Your code here

Hint

Use fruits.push(newFruit); to add the new fruit.

4

Display the fruits array

Write console.log(fruits) to print the fruits array and see all the fruits.

Javascript

const fruits = ['Apple', 'Banana', 'Cherry'];
const newFruit = 'Orange';
fruits.push(newFruit);
// Print the fruits array
// Your code here

Hint

Use console.log(fruits); to show the array in the console.

Practice

1. Why do we use arrays in JavaScript?

easy

A. To create functions

B. To store only one value at a time

C. To store multiple values in a single variable

D. To write comments

Solution

1. Step 1: Understand the purpose of arrays

   Arrays are used to hold many values together in one place instead of separate variables.

2. Step 2: Compare options with array purpose

   Only To store multiple values in a single variable correctly states that arrays store multiple values in one variable.

3. Final Answer:

   To store multiple values in a single variable -> Option C

4. Quick Check:

   Arrays store many values [OK]

Hint: Arrays hold many items together in one variable [OK]

Common Mistakes:

• Thinking arrays store only one value
• Confusing arrays with functions
• Believing arrays are for comments

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

easy

A. let arr = (1, 2, 3);

B. let arr = [1, 2, 3];

C. let arr = {1, 2, 3};

D. let arr = <1, 2, 3>;

Solution

1. Step 1: Recall JavaScript array syntax

   Arrays are created using square brackets [] with values separated by commas.

2. Step 2: Check each option's syntax

   let arr = [1, 2, 3]; uses square brackets correctly. Others use parentheses, curly braces, or angle brackets which are incorrect for arrays.

3. Final Answer:

   let arr = [1, 2, 3]; -> Option B

4. Quick Check:

   Arrays use [] brackets [OK]

Hint: Arrays use square brackets [] to hold values [OK]

Common Mistakes:

• Using parentheses () instead of brackets
• Using curly braces {} which create objects
• Using angle brackets <> which are invalid

3. What will be the output of this code?

let 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 counting at 0, so fruits[0] is 'apple', fruits[1] is 'banana'.

2. Step 2: Identify the value at index 1

   The code logs fruits[1], which is 'banana'.

3. Final Answer:

   banana -> Option A

4. Quick Check:

   Index 1 in array = banana [OK]

Hint: Array indexes start at 0; index 1 is second item [OK]

Common Mistakes:

• Thinking array indexes start at 1
• Confusing the order of items
• Expecting the whole array to print

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

let numbers = 1, 2, 3, 4;

medium

A. Variable name 'numbers' is invalid

B. Using commas instead of semicolons

C. Array values must be strings

D. Missing square brackets [] around values

Solution

1. Step 1: Check array creation syntax

   Arrays require square brackets [] around the list of values.

2. Step 2: Identify the mistake in the code

   The code assigns multiple values separated by commas without brackets, which is invalid syntax.

3. Final Answer:

   Missing square brackets [] around values -> Option D

4. Quick Check:

   Arrays need [] brackets [OK]

Hint: Arrays must be inside [] brackets [OK]

Common Mistakes:

• Forgetting to use brackets for arrays
• Thinking commas alone create arrays
• Believing variable names cause errors here

5. You want to store the names of 5 friends and print them one by one. Which approach is best and why?

hard

A. Use an array to store all friend names together

B. Use a function to store friend names

C. Write all names in a single string separated by commas

D. Create 5 separate variables, one for each friend

Solution

1. Step 1: Consider managing multiple related items

   Storing many related values separately is hard to manage and print repeatedly.

2. Step 2: Choose the best data structure

   Arrays group related items in one variable, making it easy to loop and print each friend.

3. Step 3: Evaluate other options

   Separate variables are inefficient, a single string is hard to split, and functions don't store lists directly.

4. Final Answer:

   Use an array to store all friend names together -> Option A

5. Quick Check:

   Arrays organize lists well [OK]

Hint: Use arrays to handle multiple related items easily [OK]

Common Mistakes:

• Using many separate variables instead of one array
• Storing names in one string without splitting
• Confusing functions with data storage