SSJS Loops
Let's dive into limited looping options of the SSJS.
Working with arrays and objects is one of the selling points of SSJS vs AMPScript. And the primary way to utilize those structures is to loop over them. While SSJS doesn't have all the magic of the modern JavaScript, it still has much more to offer than single FOR
available in AMPScript.
For Loops
For
The classic for
loop might be a bit long to write, but it has a lot of excellent properties:
- Works with
break
andcontinue
statements for better looping control. - Both initial and increment expressions can do multiple things (examples available below).
- Condition is not limited to iterable length (although it is the most popular way).
- Fast across various scenarios.
for (var i = 0; i < array.length; i++) {
Write(i); // Returns the current iteration
Write(array[i] + '<br/><br/>'); // Returns the value of current element
};
Let's break the script down to five steps each for
loop follows:
- Execute initial expression (
var i = 0
in the above example). - Evaluate the condition (
i < array.length
). If it is false - the loop terminates. If true: - The statement within the loop is executed (
Write(array[i])
). - Finally, the increment expression will evaluate (
i++
). - The loop goes back to step 2 until it is false.
To optimize speed, cache the length used for condition. By assigning it to a variable in initial expression, the loop won't have to calculate the length on each iteration.
for (var i = 0, range = array.length; i < range; i++) {
Write(i); // Returns the current iteration
Write(array[i] + '<br/><br/>'); // Returns the value of current element
};
You can get more logic within the for
declaration to, for example, have a cleaner statement within the loop:
for (var i = 0, itemValue = array[i], range = array.length; i < range; i++, itemValue = array[i]) {
Write(itemValue + '<br/><br/>'); // Returns the value of current element
};
As ES6 for...of loop is not available in SSJS, you will use this one in most scenarios.
For in
for...in
loop in modern JavaScript is used nearly exclusively for debugging. It is because it loops not only over standard values but also over object prototype methods and properties.
In SSJS however, the ES6 for...of loop is not available. Object.keys()
or Object.entries()
also does not exist. This makes the for...in
the only solution for iterating over objects.
for (var key in object) {
Write(key + '<br/><br/>'); // Returns string name of the current key
};
In simple scripts created in SSJS you shouldn't have issues with the prototype methods and properties, however, if you encounter any issues (or want to code defensively), use hasOwnProperty
method:
for (var key in object) {
if (object.hasOwnProperty(key) && key != '_type') {
Write(key + '<br/><br/>');
};
};
Remember to use for...in
only for looping over objects. For any other scenario classic for
loop is both safer and more powerful.
If you ever use for...in
loop for an array, remember that the loop-counter variable will return a string instead of a number. For example '0'
for first array item instead of 0
.
While Loops
While
A while
loop executes its statement as long as the condition evaluates to true.
var run = true;
while (run === true) {
Write('To the infinity and beyond!');
};
To break out of while
loop, there must be logic within it that will change the condition to false (or a break
statement):
var run = true;
var i = 0;
while (run === true) {
Write('To the infinity and beyond!');
i++;
if (i > 10) {
run = false;
};
};
or just:
var run = true;
var i = 0;
while (i <= 10) {
Write('To the infinity and beyond!');
i++;
};
while
loop is the best option for iterating over big arrays.
Do While
Same as while
, but the code runs once before evaluating the condition.
do {
Write('Running!');
} while (run === true);
Perfect when you need to run an API call, check whether there are more pages of outcomes and act accordingly.
JavaScript support labels for loops. It allows you to name each loop for even better control with both continue
and break
statements.
MainLoopLabel:
for (var i = 0; i < array.length; i++) {
// Logic
SecondaryLoopLabel:
for (var j = 0; j < array[i].length; j++) {
// Logic
if (array[i][j] === 'important') {
break MainLoopLabel;
};
};
};
As you can see, in the first line we added a label for the first for
loop. Then, in the statement within the second for
loop, we used break
followed by the label. Once executed, it will break both for loops, even if there were still iterations in the main one. The same approach works with the continue
statement.