---
url: https://developer.youcan.shop/themes/filters/arrays/map.md
---
# Map

Creates an array from the values of one property of each item.

```liquid
{{ array | map: property }}
```

## Example

::: details Data

```json
{
  "products": [
    {
      "title": "Hat",
      "price": 10
    },
    {
      "title": "Tee",
      "price": 25.5
    },
    {
      "title": "Cap",
      "price": 8
    }
  ]
}
```

:::

```liquid
{{ products | map: 'title' | join: ', ' }}
```

::: tip Output

```html
Hat, Tee, Cap
```

:::