Removing Elements

Part of the Fundamentals section of Coddy's Dart journey — lesson 53 of 94.

The remove() and removeAt() methods let you delete elements from a list. Use remove() to delete by value and removeAt() to delete by index position.

Create a list of colors:

List<String> colors = ['Red', 'Green', 'Blue', 'Yellow'];
print(colors);

Remove an element by its value:

colors.remove('Green');
print(colors);

After executing the above code, the output will be:

[Red, Green, Blue, Yellow]
[Red, Blue, Yellow]

Remove an element by its index position:

colors.removeAt(1);
print(colors);

After executing the above code, the output will be:

[Red, Yellow]

Challenge

Beginner

In this challenge, you'll practice removing elements from a list in Dart. There are two main ways to remove elements:

remove() - removes the first occurrence of a specific value
removeAt() - removes the element at a specific index

Complete the code below to remove items from the shopping list as instructed in the TODO comments.

Cheat sheet

Use remove() to delete elements by value and removeAt() to delete by index position:

List<String> colors = ['Red', 'Green', 'Blue', 'Yellow'];

// Remove by value
colors.remove('Green');

// Remove by index
colors.removeAt(1);

remove() removes the first occurrence of the specified value, while removeAt() removes the element at the given index position.

Try it yourself

void main() {
  // Shopping list with items
  List<String> shoppingList = ['Apples', 'Milk', 'Bread', 'Eggs', 'Cheese'];
  
  print('Original shopping list: $shoppingList');
  
  // TODO: Remove 'Bread' from the list using the remove() method
  
  print('After removing Bread: $shoppingList');
  
  // TODO: Remove the item at index 1 using the removeAt() method
  
  print('After removing item at index 1: $shoppingList');
}