DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Rakesh Suryawanshi
Rakesh Suryawanshi

Posted on

For loop with liquid template in Azure LogicApp

In this blog I will share how to use for loop with liquid templates.

  1. Introduction
  2. When to use?
  3. For loop

Introduction
Liquid is a template language created by Shopify. It's available as an open source project on GitHub, and is used by many different software projects and companies.
more information can be found here.


When to use?
Liquid templates are great tool to bind your UI with XML or json response, additionally you can use these in your Azure Integration services such as logic apps or Azure API management.

recently I have used the liquid template with various scenarios.

documentation to learn liquid templates can be found here.

https://shopify.github.io/liquid/basics/introduction/
Enter fullscreen mode Exit fullscreen mode

For loop
Let's learn how to write loops using Liquid template in various conditions.

Loop all Item of an Array

[
 "apple",
 "mango"
 "banana"
]
Enter fullscreen mode Exit fullscreen mode
"fruits" :[
{% for item in content %}
  {
    "name": "{{item}}"
  }
{% if forloop.last == false %},{% endif %}
{% endfor %}
Enter fullscreen mode Exit fullscreen mode

Loop over all items in a collection backwards

[
 "apple",
 "mango"
 "banana"
]
Enter fullscreen mode Exit fullscreen mode

Here we can use reversed keyword to revers the Item of an array.

"fruits" :[
{% for item in content reversed %}
  {
    "name": "{{item}}"
  }
{% if forloop.last == false %},{% endif %}
{% endfor %}
Enter fullscreen mode Exit fullscreen mode

Loop over a sorted collection

[
 "apple",
 "mango"
 "banana"
]
Enter fullscreen mode Exit fullscreen mode

Here we can use sort keyword with pipe character (|) to sort the element of an array.

"fruits" :[
{% for item in  (content | sort) %}
  {
    "name": "{{item}}"
  }
{% if forloop.last == false %},{% endif %}
{% endfor %}
Enter fullscreen mode Exit fullscreen mode

Loop a certain number of times

{% for i in (0..4) %}
   Iteration {{ i }}
{% endfor %}
Enter fullscreen mode Exit fullscreen mode

Loop a variable number of times

{$ assign start = 0 %}
{% assign end = 4 %}
{% for i in (start..end) %}
   Iteration {{ i }}
{% endfor %}
Enter fullscreen mode Exit fullscreen mode

**
Loop a certain number of times backwards**

{% for i in (0..4) reversed %}
   Iteration {{ i }}
{% endfor %}

Enter fullscreen mode Exit fullscreen mode

Loop over an arbitrary range of integers

{% for i in (-3..3) %}
Iteration {{ i }}
{% endfor %}
Enter fullscreen mode Exit fullscreen mode

Loop over the first 5 items in a collection

[
 "apple",
 "mango"
 "banana",
 "Avocados",
 "Cherry",
 "Blueberries"
]
Enter fullscreen mode Exit fullscreen mode

Here we can use limit keyword to limit the Item of an array.

"fruits" :[
{% for item in content | limit: 5 %}
  {
    "name": "{{item}}"
  }
{% if forloop.last == false %},{% endif %}
{% endfor %}
Enter fullscreen mode Exit fullscreen mode

Loop over the first 5 items in a collection in reverse order

[
 "apple",
 "mango"
 "banana",
 "Avocados",
 "Cherry",
 "Blueberries"
]
Enter fullscreen mode Exit fullscreen mode

Here we can use reversed keyword to revers the Item of an array.


{% assign rev_content  = content | reverse %}
"fruits" :[
{% for item in rev_content | limit: 5 %}
  {
    "name": "{{item}}"
  }
{% if forloop.last == false %},{% endif %}
{% endfor %}
Enter fullscreen mode Exit fullscreen mode

Do something special on the Nth iteration of the loop

[
 "Sunday",
 "Monday"
 "Tuesday",
 "Wednesday",
 "Thursday",
 "Friday",
 "Saturday"
]
Enter fullscreen mode Exit fullscreen mode

Here we can use reversed keyword to revers the Item of an array.


{% for d in content %}
{{ forloop.index }}
{% if forloop.first %}st
{% elsif forloop.index == 2 %}nd
{% elsif forloop.index == 3 %}rd
{% else %}th{% endif %}
 day is {{ d }}
{% endfor %}
Enter fullscreen mode Exit fullscreen mode

That's it I hope you will find this useful.

Thanks!! 🍻🍻🍻🍻.

Top comments (0)

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.