5 tipů, jak optimalizovat pole JavaScript

Existuje několik metod, které můžete použít k optimalizaci polí JavaScriptu pro lepší výkon a efektivitu. Jednou z nejčastěji používaných datových struktur v JavaScriptu je pole. Je to oblíbená volba pro mnoho vývojářů, protože je tak flexibilní a snadno se používá.

Pole se však mohou rychle stát úzkým hrdlem výkonu, pokud je nepoužíváte správně. Zde je pět způsobů, jak můžete optimalizovat pole JavaScriptu a zvýšit celkový výkon kódu.

1. Použijte operátor Spread

Můžete vytvořit nové pole obsahující prvky z jiného pomocí operátoru spread, což jsou tři tečky (...).

Operátor spreadu může kombinovat dvě pole, takto:

konst pole1 = [1, 2, 3];
konst pole2 = [4, 5, 6];
konst concatenatedArray = [...pole1, ...pole2];
řídicí panel.log (concatenatedArray); // Výstup: [1, 2, 3, 4, 5, 6]

V tomto případě operátor spread zřetězí dvě pole – pole1 a pole2 – do nového pole s názvem

concatenatedArray. Výsledné pole obsahuje všechny prvky pole1 následované všemi prvky pole2.

Operátor šíření může také vytvořit nové pole s více prvky. Například:

konst originalArray = [1, 2, 3];
konst newArray = [...originalArray, 4, 5];
řídicí panel.log (newArray); // Výstup: [1, 2, 3, 4, 5]

Vytvoříte nové pole s názvem newArray zaměstnáváním operátora pomazánky. Obsahuje všechny prvky původního pole, následované prvky 4 a 5. Při práci s velkými poli může být operátor rozprostření efektivnější než podobné metody spojit() nebo TAM(). Kromě toho je kód čitelnější a výstižnější.

Pole JavaScriptu můžete používat efektivněji s operátorem spread, který také usnadňuje vytvoření nového pole s více položkami.

2. Vyhněte se použití operátoru mazání

Vlastnost objektu můžete odstranit pomocí operátoru delete. I když můžete použít delete k odstranění prvku pole, nedoporučuje se to, protože to může ponechat prázdná nebo prázdná místa v poli. To může ovlivnit výkon pole, když jej procházíte nebo se pokoušíte získat přístup k určitým prvkům.

Místo použití vymazat operátor, zvažte použití spoj metoda. Tato metoda může odstranit prvky pole a vrátí nové pole bez prázdných mezer.

Můžete použít spoj metodou následujícím způsobem:

konst originalArray = [1, 2, 3, 4, 5];
// Odstraňte prvek na indexu 2
konst newArray = originalArray.splice(2, 1);

Tento příklad odebere prvek na indexu 2 z původníArray pomocí metody spojování. Nově vytvořené pole (newArray) obsahuje prvek, který byl odstraněn. Prvek na indexu 2 již není přítomen v původníArraya v poli nejsou žádná prázdná místa.

3. Použijte typovaná pole

V JavaScriptu můžete pracovat s binárními daty pomocí typovaných polí. Tato pole umožňují přímou manipulaci se základní pamětí a používají prvky s pevnou délkou; jsou účinnější než standardní pole.

Zde je příklad, jak vytvořit typované pole:

konst myArray = NovýInt16Array(4);
řídicí panel.log (myArray); // Výstup: Int16Array [0, 0, 0, 0]

Tento příklad vytvoří zcela nový Int16Array se čtyřmi prvky nastavenými na nulu.

Int8Array, Int16Array, Int32Array, Uint8Array, Uint16Array, Uint32Array, Float32Array, a Float64Array jsou všechny příklady typů typovaných polí. Každá klasifikace se vztahuje k určitému druhu spárovaných informací a má odpovídající velikost bajtů.

Zde je příklad, jak použít a Float32Array.

konst myArray = NovýFloat32Array([1.0, 2.0, 3.0, 4.0]);
řídicí panel.log (myArray); // Výstup: Float32Array [1, 2, 3, 4]

Tento příklad vytvoří nový Float32Array se čtyřmi prvky nastavenými na 1.0, 2.0, 3.0 a 4.0.

Typovaná pole jsou zvláště užitečná při práci s velkými datovými sadami nebo při provádění matematických výpočtů. Mohou být mnohem rychlejší než standardní pole, protože umožňují přímou manipulaci s pamětí.

Usnadněním práce s binárními daty a prováděním matematických výpočtů může použití typovaných polí pomoci optimalizovat váš kód JavaScript.

4. Minimalizovat iterace

Je to běžné použít smyčku JavaScriptu iterovat přes pole. V každém případě může být iterování přes velká pole problémem výkonu. Snižte počet iterací přes pole JavaScript, abyste je optimalizovali.

Jedním ze způsobů, jak toho dosáhnout, je použití filtr, mapa, a snížit místo tradičních smyček. Tyto strategie zlepšují provádění kódu a jsou často rychlejší než ruční iterace přes pole.

Mapovou metodu můžete použít následujícím způsobem:

konst originalArray = [1, 2, 3, 4, 5];
// Vynásobte každý prvek 2
konst newArray = originalArray.map((živel) => prvek * 2)

V tomto případě kód vytvoří nové pole s názvem newArray pomocí mapové metody. Metoda map aplikuje funkci na každou komponentu původníArray a vrátí výsledky v novém poli.

5. Použijte destrukční syntaxi

Destrukční funkce JavaScriptu je výkonná funkce v JavaScriptu, která umožňuje extrahovat hodnoty z polí a objektů. Tato metoda zefektivňuje kód tím, že provádí méně přiřazení proměnných a méně přístupů k poli. Výhody použití ničení se rozšiřují na čitelnost a snížené úsilí při psaní.

Ukázka toho, jak extrahovat hodnoty z pole pomocí destrukturování, je následující:

konst myArray = [1, 2, 3, 4, 5];
// Zničí první a třetí prvek
konst [první,, třetí] = myArray;
řídicí panel.log (první); // Výstup: 1
řídicí panel.log (třetí); // Výstup: 3

Tento příklad používá destrukturování k extrahování prvního a třetího prvku myArray. Přiřadí hodnotu prvního prvku pole k První proměnná a hodnota třetího prvku do Třetí variabilní. Tím, že v destrukčním vzoru ponechá prázdné místo, přeskočí druhý prvek.

K extrakci hodnot z polí můžete také použít destrukturaci s argumenty funkcí:

funkcemyFunction([první vteřina]) {
řídicí panel.log (první);
řídicí panel.log (druhý);
}
konst myArray = [1, 2, 3, 4, 5];
myFunction (myArray); // Výstup: 1\n2

Tento příklad definuje volanou funkci myFunction který bere jako parametr pole. Poté použije destrukturování k přihlášení prvního a druhého prvku pole do konzoly.

Optimalizujte pole JavaScriptu pro rychlejší aplikace

Zefektivnění polí JavaScriptu je zásadní pro zlepšení výkonu vašeho kódu. Můžete tak výrazně zvýšit odezvu a rychlost svých aplikací.

Chcete-li ze svých polí vytěžit maximum, nezapomeňte použít operátor spread, vyhnout se operátoru delete, použít typovaná pole, snížit počet iterací a použít destrukturaci. Zkuste také změřit výkon svého kódu a provést zásadní vylepšení, abyste zajistili hladký chod vaší aplikace.

Optimalizací polí můžete vytvářet aplikace, které jsou rychlejší, spolehlivější a poskytují lepší uživatelský zážitek.