JavaScript-blocket

När visuellt inte räcker — kod-blocket räddar dig.

6 minAutomation & integrationer
Illustration för lektionen JavaScript-blocket

Vad du bygger

Du skapar en digital tvättmaskin för dina data i n8n med hjälp av ett kodblock. Du tar rörig eller oformaterad information – som ett felaktigt skrivet telefonnummer eller ett otydligt datum – och förvandlar den till ren, strukturerad data som är färdig att skickas vidare i ditt arbetsflöde.

Innan du börjar

  • Ett konto och ett aktivt arbetsflöde i n8n.
  • Någon form av testdata från ett tidigare steg i ditt arbetsflöde för att se att koden fungerar.
  • Inga förkunskaper i programmering krävs, du kommer långt med vanlig logik och lite kopiera-och-klistra.

Steg för steg

  1. Hitta kodblocket – Klicka på den runda plus-ikonen (+) i ditt arbetsflöde där du vill städa din data. Sök efter ordet "Code" i sökfältet och klicka på blocket Code för att lägga till det.
  2. Kontrollera språket – Dubbelklicka på det nya Code-blocket för tillvalen. Kontrollera i rullistan till höger under rubriken Language att det står JavaScript.
  3. Välj körningsläge – Kontrollera inställningen Mode högst upp till höger. För vanlig datatvätt ska den stå på Run Once for All Items för att bearbeta alla dina rader i ett svep.
  4. Klistra in din kod – Ersätt all exempeltext i det stora kodfältet i mitten med din egen kod. Här är ett exempel som tar ett telefonnummer från tidigare steg och rensar bort alla ovälkomna mellanslag och bindestreck:
for (const item of $input.all()) {
  if (item.json.telefon) {
    item.json.rent_telefon = item.json.telefon.replace(/[-\s]/g, '');
  }
}
return $input.all();
  1. Kör ett test – Klicka på den blå knappen Test step längst upp i Code-blocket för att köra din kod på din testdata.
  2. Granska resultatet – Titta i den högra rutan under fliken Output. Här ser du omedelbart hur din data har ändrats och strukturerats enligt dina nya regler.

Byggloftets tips

  • Du behöver inte skriva koden själv. Fråga en AI-chatt som ChatGPT: "Skriv en JavaScript-kod för n8n som tar bort mellanslag från fältet 'mobilnyckel'." Kopiera sedan svaret rakt av.
  • Vår maskot Bygge brukar påminna om att hålla koden så enkel som möjligt. Om du märker att du skriver jättelång kod, är det oftast bättre att dela upp processen i två mindre kodblock efter varandra.
  • Använd fliken Table i rutan till höger efter testkörningen. Det gör det mycket lättare att jämföra kolumnerna före och efter städningen.

Vanliga fel

  • "TypeError: Cannot read properties of undefined": Din kod försöker ändra på data som inte finns i det tidigare steget. Kontrollera att du stavat namnet på ditt datafält (till exempel telefon) exakt likadant i koden som i din inkommande data.
  • "SyntaxError: Unexpected token": Det har blivit ett litet stavfel i koden, ofta att en parentes } eller ett semikolon ; saknas i slutet av en rad. Klistra in koden i en AI-chatt och be den rätta formateringen.

Du är klar när…

Du ser din nya städade data i den högra Output-rutan och kan använda de nya, rena fälten i nästa steg i ditt n8n-flöde.

Steg för steg i bild

Hitta kodblocket – Klicka på den runda plus-ikonen (+) i dit
1. Hitta kodblocket – Klicka på den runda plus-ikonen (+) i dit
Kontrollera språket – Dubbelklicka på det nya Code-blocket f
2. Kontrollera språket – Dubbelklicka på det nya Code-blocket f
Välj körningsläge – Kontrollera inställningen Mode högst upp
3. Välj körningsläge – Kontrollera inställningen Mode högst upp

Det finns en videoversion av den här lektionen för medlemmar. Texten ovan är komplett.