Concatenar cadenas en Twig

En este post te mostraré cómo concatenar cadenas o strings dentro de una plantilla de Twig.

Normalmente en PHP las concatenaciones de cadenas se hace a través del operador punto, pero para concatenar strings en Twig se debe usar el operador ~ que no sé cuál nombre tenga, pero se usa ese.

Unir cadenas en Twig

Veamos un ejemplo para concatenar dos cadenas:

<h1>{{ "Hola" ~ " mundo" }}</h1>

Podríamos igualmente concatenar variables:

<div class="mt-3 alert alert-{{ tipo}}">
    {{mensaje ~ tipo}}
</div>

Y variables con cadenas:

{{una_variable ~ " " ~ otra_variable}}

Interpolación de cadenas en Twig

Además del operador ~ para unir cadenas en Twig, podemos usar la interpolación de cadenas si tenemos variables o expresiones usando lo siguiente dentro de una cadena:

#{expresión}

Por ejemplo:

<h1>{{ "Hola ,#{nombre} gusto en conocerte" }}</h1>

Además de las variables, se pueden usar expresiones:

<h1>{{ "5 + 5 es igual a #{5 + 5}" }}</h1>

A esto se le llama interpolación de cadenas en Twig, y solo funciona con comillas dobles.

Podemos usar esta opción, o el operador para concatenar cadenas.