Accessing array elements in Javascript - Mini Project: Build & Apply

Accessing array elements

📖 Scenario: You are working on a simple shopping list app. You need to store the list of items and then access specific items by their position in the list.

🎯 Goal: Learn how to create an array and access its elements by index in JavaScript.

📋 What You'll Learn

Create an array with exact items

Create a variable to hold the index to access

Access the array element using the index variable

Print the accessed element

💡 Why This Matters

🌍 Real World

Arrays are used everywhere to store lists of things like shopping items, tasks, or names. Accessing elements by position helps you get or change specific items.

💼 Career

Knowing how to work with arrays and access their elements is a basic skill for any programming job, especially in web development and data handling.

1

Create the shopping list array

Create an array called shoppingList with these exact items in order: "milk", "bread", "eggs", "butter", "cheese".

Javascript

// Your code here

Need a hint?

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

2

Create an index variable

Create a variable called index and set it to 2 to represent the position of the item you want to access in the shoppingList array.

Javascript

const shoppingList = ["milk", "bread", "eggs", "butter", "cheese"];
// Your code here

Need a hint?

Use const to create a variable and assign the number 2 to it.

3

Access the array element using the index

Create a variable called item and set it to the element in shoppingList at position index.

Javascript

const shoppingList = ["milk", "bread", "eggs", "butter", "cheese"];
const index = 2;
// Your code here

Need a hint?

Use square brackets with the variable index to get the element from the array.

4

Print the accessed item

Write a console.log statement to print the value of the variable item.

Javascript

const shoppingList = ["milk", "bread", "eggs", "butter", "cheese"];
const index = 2;
const item = shoppingList[index];
// Your code here

Need a hint?

Use console.log(item); to show the item in the console.