В этом блоге я расскажу, как использовать цикл for loop с шаблонами liquid.
- Введение
- Когда использовать?
- Для цикла
Введение
Liquid — это язык шаблонов, созданный компанией Shopify. Он доступен как проект с открытым исходным кодом на GitHub и используется многими различными программными проектами и компаниями.
Более подробную информацию можно найти здесь.
Когда использовать?
Шаблоны Liquid — отличный инструмент для связывания вашего пользовательского интерфейса с XML или json-ответом, кроме того, вы можете использовать их в службах интеграции Azure, таких как логические приложения или управление API Azure.
Недавно я использовал жидкий шаблон в различных сценариях.
документацию по изучению шаблонов liquid можно найти здесь.
https://shopify.github.io/liquid/basics/introduction/
Цикл For
Давайте научимся писать циклы с использованием шаблона Liquid в различных условиях.
Перебор всех элементов массива
[
"apple",
"mango"
"banana"
]
"fruits" :[
{% for item in content %}
{
"name": "{{item}}"
}
{% if forloop.last == false %},{% endif %}
{% endfor %}
Обратный цикл по всем элементам коллекции
[
"apple",
"mango"
"banana"
]
Здесь мы можем использовать ключевое слово reversed, чтобы изменить элемент массива на обратный.
"fruits" :[
{% for item in content reversed %}
{
"name": "{{item}}"
}
{% if forloop.last == false %},{% endif %}
{% endfor %}
Перебор отсортированной коллекции
[
"apple",
"mango"
"banana"
]
Здесь мы можем использовать ключевое слово sort с символом трубы (|) для сортировки элементов массива.
"fruits" :[
{% for item in (content | sort) %}
{
"name": "{{item}}"
}
{% if forloop.last == false %},{% endif %}
{% endfor %}
Зацикливание определенное количество раз
{% for i in (0..4) %}
Iteration {{ i }}
{% endfor %}
Зацикливание переменное количество раз
{$ assign start = 0 %}
{% assign end = 4 %}
{% for i in (start..end) %}
Iteration {{ i }}
{% endfor %}
**
Зацикливание определенное количество раз в обратном направлении**
{% for i in (0..4) reversed %}
Iteration {{ i }}
{% endfor %}
Перебор произвольного диапазона целых чисел
{% for i in (-3..3) %}
Iteration {{ i }}
{% endfor %}
Перебор первых 5 элементов в коллекции
[
"apple",
"mango"
"banana",
"Avocados",
"Cherry",
"Blueberries"
]
Здесь мы можем использовать ключевое слово limit для ограничения элементов массива.
"fruits" :[
{% for item in content | limit: 5 %}
{
"name": "{{item}}"
}
{% if forloop.last == false %},{% endif %}
{% endfor %}
Перебор первых 5 элементов коллекции в обратном порядке
[
"apple",
"mango"
"banana",
"Avocados",
"Cherry",
"Blueberries"
]
Здесь мы можем использовать ключевое слово reversed для инверсии элементов массива.
{% assign rev_content = content | reverse %}
"fruits" :[
{% for item in rev_content | limit: 5 %}
{
"name": "{{item}}"
}
{% if forloop.last == false %},{% endif %}
{% endfor %}
Сделать что-то особенное на N-й итерации цикла
[
"Sunday",
"Monday"
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
]
Здесь мы можем использовать ключевое слово reversed, чтобы изменить элемент массива на противоположный.
{% 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 %}
На этом все, надеюсь, вы найдете это полезным.
Спасибо!!! 🍻🍻🍻🍻.