Menu
Coddy logo textTech

Shift i Unshift

Lekcja 7 z 18 w kursie Metody tablic w JavaScript w Coddy.

Metoda shift() usuwa pierwszy element z tablicy i zwraca usunięty element. Modyfikuje oryginalną tablicę, zmniejszając jej długość.

  • Wyobraź sobie tablicę jako kolejkę elementów. shift() pobiera element z początku (indeks 0) i usuwa go, przesuwając wszystkie pozostałe elementy o jedną pozycję w lewo.
  • Ta metoda jest przydatna, gdy chcesz przetworzyć lub przechować pierwszy element osobno, a następnie pracować z pozostałymi elementami. Na przykład:
const fruits = ["apple", "banana", "orange", "mango"];
const firstFruit = fruits.shift();

console.log(fruits); // Wynik: ["banana", "orange", "mango"]
console.log(firstFruit); // Wynik: "apple"

Po użyciu metody shift() na tablicy fruits w powyższym przykładzie usuwa ona z tablicy pierwszy element, "apple".


Metoda unshift() dodaje jeden lub więcej elementów na początku tablicy i zwraca nową długość tablicy. Modyfikuje oryginalną tablicę, zwiększając jej długość.

  • Pomyśl o unshift() jak o wstawianiu elementów na początku kolejki. Nowe elementy stają się pierwszymi elementami, przesuwając istniejące elementy w prawo.
  • Ta metoda jest przydatna, gdy chcesz dodać nowe elementy na początku tablicy lub zmienić kolejność elementów. Na przykład:
const colors = ["red", "green", "blue"];
const newColors = colors.unshift("yellow", "purple");

console.log(colors); // Wynik: ["yellow", "purple", "red", "green", "blue"]
console.log(newColors); // Wynik: 5 (nowa długość)

Po użyciu metody unshift() na tablicy colors w powyższym przykładzie wstawia ona elementy "yellow" i "purple" na początku tablicy.

challenge icon

Wyzwanie

Łatwy

Otrzymujesz listę zadań do wykonania z trzema zadaniami: "Read a book",  "Play sports" i “Wash dishes” wymienionymi w podanej tablicy tasks.

Napisz kod JavaScript, który usunie pierwsze zadanie z listy, doda w jego miejsce nowe zadanie "Feed the cat", a następnie wyświetli zaktualizowaną listę zadań.

Spróbuj swoich sił

let tasks = ['Read a book', 'Play sports', 'Wash dishes'];

// Napisz kod tutaj

Wszystkie lekcje w sekcji Metody tablic w JavaScript

Poćwicz samodzielnie: Kompilator JavaScript online