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.

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');
}