Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Adding Elements with push and unshift | Getting Started with Array Basics
JavaScript Array Methods

bookAdding Elements with push and unshift

When working with JavaScript arrays, you often need to add new elements either to the end or the beginning of an array. The push and unshift methods are designed for these tasks, but each serves a distinct purpose.

The push method appends one or more elements to the end of an array, making it ideal when you want to add items in the order they arrive, such as building a list of recent messages or appending new data records.

On the other hand, unshift inserts elements at the start of an array, which is useful when the most recent items should appear first, like a task list where new tasks need immediate attention.

Choosing between push and unshift depends on whether your use case requires new elements at the tail or the head of the array.

1234567
const fruits = []; fruits.push("apple"); // ["apple"] fruits.push("banana"); // ["apple", "banana"] fruits.unshift("orange"); // ["orange", "apple", "banana"] fruits.push("grape"); // ["orange", "apple", "banana", "grape"] fruits.unshift("kiwi"); // ["kiwi", "orange", "apple", "banana", "grape"] console.log(fruits);
copy

Both push and unshift not only modify the array but also return the new length of the array after the operation. For example, if you call push on an array with three elements, the return value will be 4 after adding one more. This is helpful if you need to track the size of your array as you add items. Every time you use push or unshift, the array grows by the number of elements you add, and the order of elements shifts accordingly.

Remember that push adds to the end, so earlier elements keep their positions, while unshift adds to the beginning and moves all existing elements up by one or more positions.

1. Which method would you use to add a new notification to the beginning of a notifications array so that it appears first?

2. Fill in the blanks to add "pear" to the end and "melon" to the beginning of the basket array.

question mark

Which method would you use to add a new notification to the beginning of a notifications array so that it appears first?

Select the correct answer

question-icon

Fill in the blanks to add "pear" to the end and "melon" to the beginning of the basket array.

const basket = ["apple", "banana"]; basket.("pear"); // add to end basket.("melon"); // add to beginning console.log(basket);
["melon", "apple", "banana", "pear"]

Click or drag`n`drop items and fill in the blanks

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 8.33

bookAdding Elements with push and unshift

Swipe um das Menü anzuzeigen

When working with JavaScript arrays, you often need to add new elements either to the end or the beginning of an array. The push and unshift methods are designed for these tasks, but each serves a distinct purpose.

The push method appends one or more elements to the end of an array, making it ideal when you want to add items in the order they arrive, such as building a list of recent messages or appending new data records.

On the other hand, unshift inserts elements at the start of an array, which is useful when the most recent items should appear first, like a task list where new tasks need immediate attention.

Choosing between push and unshift depends on whether your use case requires new elements at the tail or the head of the array.

1234567
const fruits = []; fruits.push("apple"); // ["apple"] fruits.push("banana"); // ["apple", "banana"] fruits.unshift("orange"); // ["orange", "apple", "banana"] fruits.push("grape"); // ["orange", "apple", "banana", "grape"] fruits.unshift("kiwi"); // ["kiwi", "orange", "apple", "banana", "grape"] console.log(fruits);
copy

Both push and unshift not only modify the array but also return the new length of the array after the operation. For example, if you call push on an array with three elements, the return value will be 4 after adding one more. This is helpful if you need to track the size of your array as you add items. Every time you use push or unshift, the array grows by the number of elements you add, and the order of elements shifts accordingly.

Remember that push adds to the end, so earlier elements keep their positions, while unshift adds to the beginning and moves all existing elements up by one or more positions.

1. Which method would you use to add a new notification to the beginning of a notifications array so that it appears first?

2. Fill in the blanks to add "pear" to the end and "melon" to the beginning of the basket array.

question mark

Which method would you use to add a new notification to the beginning of a notifications array so that it appears first?

Select the correct answer

question-icon

Fill in the blanks to add "pear" to the end and "melon" to the beginning of the basket array.

const basket = ["apple", "banana"]; basket.("pear"); // add to end basket.("melon"); // add to beginning console.log(basket);
["melon", "apple", "banana", "pear"]

Click or drag`n`drop items and fill in the blanks

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 2
some-alt