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.
Wyzwanie
ŁatwyOtrzymujesz 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 tutajWszystkie lekcje w sekcji Metody tablic w JavaScript
Poćwicz samodzielnie: Kompilator JavaScript online