Pomiń nawigację
Ćwiczenie · Informatyka Ćwiczenie: Usuwanie obiektu z tablicy przez filter

Usuwanie obiektu z tablicy przez filter

Treść zadania

W systemie mamy listę spraw:
let sprawy = [
  { id: 1, temat: "Faktura" },
  { id: 2, temat: "Oferta" },
  { id: 3, temat: "Umowa" }
];

W dokumencie znajduje się pole <input type="number" id="idUsun" value="2">, przycisk <button id="btnUsunSprawe">Usuń sprawę</button> oraz akapit <p id="stanSpraw"></p>.
Po kliknięciu przycisku odczytaj liczbę z pola i usuń sprawę o tym ID filtrując tablicę: sprawy = sprawy.filter(...) (pozostawiając elementy, których id !== usunId). Wpisz do akapitu: Pozostało spraw: 2.

Co będzie oceniane

  • Odczyt i konwersja ID do usunięcia.
  • Nadpisanie tablicy za pomocą filter z warunkiem !==.
  • Wpisanie 'Pozostało spraw: 2' do #stanSpraw.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Usunięcie sprawy o id 2 — tekst #stanSpraw = Pozostało spraw: 2

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

let sprawy = [
  { id: 1, temat: "Faktura" },
  { id: 2, temat: "Oferta" },
  { id: 3, temat: "Umowa" }
];

// Przefiltruj tablicę bez wybranego id i zaktualizuj #stanSpraw po kliknięciu #btnUsunSprawe

Wskazówki

Wskazówka 1

Powszechnym wzorcem usuwania pozycji w nowoczesnym JavaScript jest przefiltrowanie tablicy tak, aby odrzucić obiekt o wybranym identyfikatorze.

Wskazówka 2

Pobierz identyfikator do skasowania, przefiltruj zmienną tablicową pozostawiając wyłącznie te rekordy, których identyfikator różni się od usuwanego, i uaktualnij komunikat liczbowy.