Common array operations in Javascript - Mini Project: Build & Apply

Common array operations

📖 Scenario: You are working on a small app that manages a list of fruits. You need to perform some common tasks like creating the list, adding a new fruit, filtering fruits by length, and showing the final list.

🎯 Goal: Build a program that creates an array of fruits, adds a new fruit, filters fruits with names longer than 5 letters, and prints the filtered list.

📋 What You'll Learn

Create an array called fruits with the exact values: 'apple', 'banana', 'cherry', 'date', 'fig'

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

Use the push method on fruits to add newFruit

Create a new array called longFruits that contains only fruits with names longer than 5 letters

Print the longFruits array using console.log

💡 Why This Matters

🌍 Real World

Managing lists of items like fruits, products, or tasks is common in apps. Knowing how to add, filter, and display items is very useful.

💼 Career

Many programming jobs require working with arrays or lists to handle data. These basic operations are foundational skills.

1

Create the initial array of fruits

Create an array called fruits with these exact values: 'apple', 'banana', 'cherry', 'date', 'fig'

Javascript

# Create the array fruits with the given fruits
// Your code here

Need a hint?

Use square brackets [] to create an array and separate the fruit names with commas.

2

Add a new fruit to the array

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

Javascript

const fruits = ['apple', 'banana', 'cherry', 'date', 'fig'];
// Create newFruit variable and set it to 'grapefruit'
// Your code here

Need a hint?

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

3

Add the new fruit to the fruits array

Use the push method on fruits to add the newFruit variable

Javascript

const fruits = ['apple', 'banana', 'cherry', 'date', 'fig'];
const newFruit = 'grapefruit';
// Add newFruit to fruits array
// Your code here

Need a hint?

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

4

Filter and print fruits with names longer than 5 letters

Create a new array called longFruits that contains only fruits from fruits with names longer than 5 letters using the filter method. Then print longFruits using console.log

Javascript

const fruits = ['apple', 'banana', 'cherry', 'date', 'fig'];
const newFruit = 'grapefruit';
fruits.push(newFruit);
// Create longFruits with fruits longer than 5 letters
// Print longFruits
// Your code here

Need a hint?

Use fruits.filter(fruit => fruit.length > 5) to get fruits with names longer than 5 letters.

Use console.log(longFruits); to print the result.