Effektiva sammansatta tilldelningar i JavaScript

När du programmerar med JavaScript stöter du ofta på olika sätt att tilldela och ändra värden. Ett särskilt praktiskt koncept är de så kallade "Compound Assignments" eller sammansatta tilldelningar. De hjälper till att göra koden tydligare, kortare och mer koncis. I denna guide får du veta vad sammansatta tilldelningar är, hur du framgångsrikt tillämpar dem och vilka fördelar de medför.

Viktigaste insikter

Varje tilldelningsoperator kan ersättas med sin kombinerade operator för att göra koden mer läsbar och effektiv. De vanligaste operatorerna är addition, subtraktion, multiplikation, division och modulo. Att känna igen och använda dessa operatorer minskar kodens omfång och undviker redundanser.

Steg-för-steg-guide

Först vill vi klargöra vad sammansatta tilldelningar precis är. I grunden handlar de om en kombination av en operator och en tilldelning som gör att du kan ändra ett värde och samtidigt lagra det.

Steg 1: Första tilldelningen Först skapar vi en variabel x och sätter den till 5. Detta representerar det ursprungliga värdet som vi kommer att arbeta med. Du kan klistra in denna kod i din JavaScript-miljö:

let x = 5;

Steg 2: Första ökningen av värdet Anta att du nu vill öka värdet av x med 10. Den självklara koden för detta skulle vara:

x = x + 10; Denna rad tilldelar resultatet av additionen av 10 till den ursprungliga x-variabeln tillbaka till x. Du kan testa detta resultat i webbläsaren.

Steg 3: Användning av Compound Assignment för addition Istället för att använda denna längre syntax kan du använda den sammansatta tilldelningen:

x += 10; Denna förkortning är inte bara kortare utan förbättrar också läsbarheten av din kod. När du nu uppdaterar koden och kontrollerar i webbläsaren kommer du att se att variabeln nu har värdet 15.

Steg 4: Använda subtraktion Principen för sammansatta tilldelningar fungerar också med andra matematiska operatorer som subtraktion. Föreställ dig att du vill minska variabeln med 5. Istället för att använda x = x - 5; kan du skriva:

x -= 5; Kontrollera det nya värdet av x.

Steg 5: Multiplikation och division Samma gäller för multiplikation och division. Istället för att skriva för ett nytt värde:

x = x * 2; använder du bara:

x *= 2; eller för en division:

x /= 2;

Använd också här de sammansatta tilldelningarna igen och notera resultaten.

Steg 6: Modulo-beräkning Ett annat smart verktyg är modulo-operatören. För att till exempel kontrollera om ett tal är jämnt eller udda kan du göra följande:

let isEven = x % 2; För att använda detta med en tilldelning:

isEven %= 2; Kontrollera resultatet av uttrycket där isEven kan vara 0 eller 1.

Steg 7: Inkrement-operator Ett vanligt användningsfall är inkrement-operatorn. Du kan också direkt öka x med 1 med:

x++; eller så kan du till exempel använda x += 1;

Sammanfattning — Grunderna i sammansatta tilldelningar i JavaScript

Att använda sammansatta tilldelningar i JavaScript gör det möjligt för dig att förenkla och strukturera din kod avsevärt. Du har lärt dig att dessa principer inte bara gäller vid addition, utan också vid andra matematiska operationer såsom subtraktion, multiplikation, division och modulo. Genom att använda dessa tilldelningsoperatorer blir din kod inte bara kortare utan också mer läsbar.