Some checks failed
App Prod-Parity E2E Dispatch / dispatch (push) Failing after 10s
CD Storybook UI / build (push) Failing after 3m25s
CD Storybook UI / dispatch (push) Has been skipped
CD deploy main / website-changed-files (push) Successful in 18m8s
CI Agent Skills / changed-files-check (push) Successful in 18m9s
CI Create App E2E minimal / changed-files-check (push) Successful in 24s
CI Create App / changed-files-check (push) Successful in 26s
CI Docs / changed-files-check (push) Successful in 26s
CI Emails / changed-files-check (push) Successful in 28s
CI Example App Hello World / changed-files-check (push) Successful in 23s
CI Front / changed-files-check (push) Has been skipped
CI Example App Postcard / changed-files-check (push) Successful in 27s
CI UI / changed-files-check (push) Has been skipped
CI Utils Test / changed-files-check (push) Successful in 45s
CI Twenty Apps / discover (push) Successful in 1m3s
CD deploy main / deploy-main (push) Failing after 3s
CI Agent Skills / agent-skills-validate (push) Has been skipped
CI Create App / create-app-test (lint) (push) Has been skipped
CI Emails / emails-test (push) Has been skipped
CI Front / front-task (lingui:compile) (push) Has been skipped
CI Front / front-task (lint) (push) Has been skipped
CI Example App Postcard / example-app-postcard (push) Has been skipped
CI UI / ui-task (lint) (push) Has been skipped
CI UI / ui-task (pack-size) (push) Has been skipped
CI UI / ui-task (size) (push) Has been skipped
CI UI / ui-task (test) (push) Has been skipped
CI UI / ui-task (typecheck) (push) Has been skipped
CI Utils Test / utils-test (push) Has been skipped
CI Twenty Apps / ${{ matrix.app.name }} (push) Has been skipped
CI Emails / ci-emails-status-check (push) Successful in 2s
CI Example App Hello World / ci-example-app-hello-world-status-check (push) Successful in 2s
CI Example App Postcard / ci-example-app-postcard-status-check (push) Successful in 3s
CI UI / ui-sb-test (push) Has been skipped
CI Utils Test / ci-utils-test-status-check (push) Successful in 2s
CI Twenty Apps / ci-twenty-apps-status-check (push) Successful in 2s
CI UI / ci-ui-status-check (push) Successful in 2s
CI Desktop / desktop (push) Failing after 1m8s
Push docs to Crowdin / Push documentation to Crowdin (push) Failing after 55s
Push translations to Crowdin / Extract and upload translations (push) Failing after 5s
Push website translations to Crowdin / Extract and upload website translations (push) Failing after 5s
CI Create App / create-app-test (test) (push) Has been skipped
CI Create App / create-app-test (typecheck) (push) Has been skipped
CI Docs / docs-lint (push) Has been skipped
CI Example App Hello World / example-app-hello-world (push) Has been skipped
CI Front / front-task (lingui:extract) (push) Has been skipped
CI Front / front-task (test) (push) Has been skipped
CI Front / front-task (typecheck) (push) Has been skipped
CI UI / ui-sb-build (push) Failing after 1m32s
CI Twenty Apps / ${{ matrix.app.name }} (${{ matrix.server-source }}) (push) Has been skipped
CI Agent Skills / agent-skills-publish (push) Has been skipped
CI Create App / ci-create-app-status-check (push) Successful in 2s
CI Agent Skills / agent-skills-remote-source (push) Has been skipped
CI Create App E2E minimal / create-app-e2e-minimal (push) Has been cancelled
CI E2E Main / e2e-test (push) Has been cancelled
CI Front / front-sb-build (push) Has been cancelled
CI Front / front-build (push) Has been cancelled
CI Create App E2E minimal / ci-create-app-e2e-minimal-status-check (push) Has been cancelled
CI E2E Main / ci-e2e-main-status-check (push) Has been cancelled
CI E2E Main / notify-main-ci-failure (push) Has been cancelled
CI E2E Main / qa-scout-comment (push) Has been cancelled
CI Front / front-sb-test (push) Has been cancelled
CI Front / front-sb-screenshots (push) Has been cancelled
CI Front / ci-front-status-check (push) Has been cancelled
DPA Sub-Processor Sync / sync-subprocessors (push) Failing after 3s
AI Catalog Sync / sync-catalog (push) Failing after 3s
81 lines
3.0 KiB
Plaintext
81 lines
3.0 KiB
Plaintext
---
|
|
title: Handle Arrays in Code Actions
|
|
description: Learn how to properly handle array inputs in workflow Code actions.
|
|
---
|
|
|
|
When working with arrays in Code actions, you may encounter two common challenges:
|
|
1. **Arrays passed as strings** — data from external systems or previous steps arrives as a string instead of an actual array
|
|
2. **Can't select individual items** — you can only select the entire array, not specific fields within it
|
|
|
|
Both can be solved with a Code node.
|
|
|
|
## Parsing Arrays from Strings
|
|
|
|
Arrays are often passed between workflow steps as strings or JSON rather than native arrays. This happens when:
|
|
- Receiving data from external APIs via HTTP Request
|
|
- Processing webhook payloads
|
|
- Passing data between workflow steps
|
|
|
|
**Solution**: Add this pattern at the start of your Code action:
|
|
|
|
```javascript
|
|
export const main = async (params: {
|
|
users: any;
|
|
}): Promise<object> => {
|
|
const { users } = params;
|
|
|
|
// Handle input that may come as a string or an array
|
|
const usersFormatted = typeof users === "string" ? JSON.parse(users) : users;
|
|
|
|
// Now you can safely work with usersFormatted as an array
|
|
return {
|
|
users: usersFormatted.map((user) => ({
|
|
...user,
|
|
activityStatus: String(user.activityStatus).toUpperCase(),
|
|
})),
|
|
};
|
|
};
|
|
```
|
|
|
|
The key line `typeof users === "string" ? JSON.parse(users) : users` checks if the input is a string, parses it if needed, or uses it directly if it's already an array.
|
|
|
|
## Extracting Individual Fields from Arrays
|
|
|
|
A webhook might return an array like `answers: [...]`, but in subsequent workflow steps you can only select the **entire array** — not individual items within it.
|
|
|
|
**Solution**: Add a Code node to extract specific fields and return them as a structured object:
|
|
|
|
```javascript
|
|
export const main = async (params: {
|
|
answers: any;
|
|
}): Promise<object> => {
|
|
const { answers } = params;
|
|
|
|
// Handle input that may come as a string or an array
|
|
const answersFormatted = typeof answers === "string"
|
|
? JSON.parse(answers)
|
|
: answers;
|
|
|
|
// Extract specific fields from the array
|
|
const firstname = answersFormatted[0]?.text || "";
|
|
const name = answersFormatted[1]?.text || "";
|
|
|
|
return {
|
|
answer: {
|
|
firstname,
|
|
name
|
|
}
|
|
};
|
|
};
|
|
```
|
|
|
|
The Code node returns a structured object instead of an array. In subsequent steps, you can now select individual fields like `answer.firstname` and `answer.name` from the variable picker.
|
|
|
|
<Tip>
|
|
**Want to loop over the array instead of extracting fields?** When a Code or Logic Function step returns a top-level array, you can feed it straight into an [Iterator](/user-guide/workflows/capabilities/use-iterator): select the step's **Whole list** option as the Iterator's input, then reference each element with `{{iterator.currentItem}}` inside the loop. In that case you don't need to restructure the array into an object.
|
|
</Tip>
|
|
|
|
<Tip>
|
|
Click the square icon at the top right of the code editor to display it in full screen — helpful since the default editor width is limited.
|
|
</Tip>
|