Jak filtrovat pole v JavaScriptu s příklady

Probrali jsme pole v JavaScriptu docela značně na LinuxScrew. Tento článek vám ukáže, jak používat filtr metoda – se snadno pochopitelnými příklady.

Pole JavaScript

Pole jsou typem proměnné, která obsahuje seznam dalších hodnot nebo proměnných. Jsou jedním ze základů počítačového programování.

Tyto seznamy obsahují položky na pozicích (tzv. indexy ). Těmito položkami může být cokoli – čísla, řetězce, složité objekty – cokoliv chcete uložit.

Pole jsou super užitečné. Můžete je použít k ukládání řádků do tabulky pro výpočty nebo je můžete použít k uchování odkazů na všechny padouchy ve vaší videohře, abyste je mohli rychle najít a aktualizovat jejich stav ve hře.

Filtrování polí

V kontextu JavaScriptových polí filtrování znamená odebrání původního pole, odstranění položek v poli, které neodpovídají daným kritériím – a vrácení kopie původního pole s odstraněnými položkami.

Ve hře můžete mít například řadu padouchů – někteří padouši jsou červení, někteří modří. Můžete napsat filtr, abyste získali nové pole obsahující pouze modré padouchy.

Pole JavaScript filter() Metoda

 filtr() metoda dostupná na polích poskytuje pohodlný způsob, jak toto filtrování provést. Můžete mu poskytnout jakákoli kritéria a vrátí pole obsahující pouze položky odpovídající těmto kritériím.

array.filter(item => filter_function);

Všimněte si, že:

  • pole může být jakákoli proměnná pole
  • položka je název proměnné, který bude přiřazen každé položce v poli uvnitř funkce_filtru
  • funkce_filtru je funkce nebo příkaz, který by měl vrátit booleovskou (PRAVDA nebo NEPRAVDA)

Funkce filtru musí vrátit pouze logickou hodnotu TRUE nebo FALSE (ručně nebo v důsledku použití komparátoru) – pokud hodnota není PRAVDA, položka bude z výsledného pole odstraněna.

Příklady

Tady je v akci:

var furniture = ['chair', 'bed', 'couch', 'table'];
var startsWithC = furniture.filter(item => item[0]  == 'c'); // [ "chair", "couch" ]

Výše definujeme řadu položek nábytku.

Poté vytvoříme nový pole obsahující filtrované hodnoty z prvního pole, v tomto případě zkontrolujte, že první znak v názvu položky nábytku je písmeno ‚c.‘

To se provádí pomocí výrazů funkce šipky – krátký způsob zápisu jednořádkové funkce. Každá položka v poli má název proměnné item a jednořádková funkce, která bude použita k filtrování, je umístěna za šipkou (=> ).

Složitější filtry s více kritérii je možné psát pomocí delší formy výrazu funkce šipka, kde je z kódu zabaleného do složených závorek vrácen složitější výraz ({} ):

var furniture = ['chair', 'bed', 'couch', 'table'];
var filteredItems = furniture.filter(item => {
    console.log('Checking item: ' + item)
    if (item[0]  == 'c'){
        return true;
    } else if(item.length < 4){
        return true;
    }
    else {
        return false;
    }
}); // [ "chair", "bed", "couch" ]

Výše je ve funkci filtru provedeno několik akcí. Položka se vytiskne na konzoli a poté se zkontroluje podle dvou podmínek – zda ​​začíná znakem c nebo má méně než 3 písmena.

Podívejte se na tyto další užitečné věci, které můžete dělat s poli JavaScript:

  • Jak porovnávat pole v JavaScriptu s příklady
  • Opakování přes pole pomocí JavaScriptu forEach() s příklady
  • Metoda Array slice() v JavaScriptu s příklady
  • Kontrola pole obsahuje hodnotu v JavaScriptu s příklady
  • Odebrání prvku z pole v JavaScriptu s příklady