10 JavaScript-triks for nybegynnere

JavaScript driver det moderne internettet. Enten du akkurat har begynt eller har litt erfaring, hjelper disse 10 triksene deg å skrive renere og tryggere kode.

Triks 1: destrukturering. I stedet for const name = user.name skriver du const { name, email } = user. Det sparer tid og gjør koden mer lesbar. Triks 2: optional chaining. user?.address?.city henter trygt nestede egenskaper uten feil når noe er undefined.

Triks 3: template literals. Backticks lar deg sette variabler inn i tekst: `Hello ${name}!`. Triks 4: spread-operatoren. Kopier lister og objekter på én linje: const newArr = [...oldArr, newItem]. Triks 5: array-metoder. map(), filter() og reduce() erstatter de fleste løkker: users.filter(u => u.active).map(u => u.name).

Triks 6: async/await. Glem «callback hell» og skriv asynkron kode som synkron, med try/catch for feil. Triks 7: operatoren ?? (nullish coalescing). const port = config.port ?? 3000 bruker 3000 bare for null eller undefined, ikke for 0 eller tom tekst slik || gjør. Triks 8: Promise.all. Kjør uavhengige kall parallelt i stedet for etter hverandre.

const { name, email } = user;
const city = user?.address?.city ?? 'Unknown';
const greeting = `Hello ${name}!`;
const next = [...oldArr, newItem];
const names = users.filter(u => u.active).map(u => u.name);
const [a, b] = await Promise.all([getA(), getB()]);
const unique = [...new Set(list)];
const copy = structuredClone(obj);

Triks 9: Set for unike verdier: const unique = [...new Set(list)]. Triks 10: Object.entries og for...of for oversiktlig gjennomgang av objekter, og structuredClone(obj) for en ekte dyp kopi. Dette er bare begynnelsen. Hos Nettivo bruker vi dem hver dag når vi lager effektive, lesbare og vedlikeholdbare webapplikasjoner: nettivo.no/kontakt.