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)
- 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.