📘 公式リファレンス🔧 リファレンス/フィルター初級

join フィルター（配列を文字列に結合）

配列のすべての要素を1つの文字列に結合する。デフォルトではスペースで区切られ、カスタム区切り文字も指定できる。

用途

商品タグやコレクションタグを一覧表示するとき、複数の値をカンマ区切りやスラッシュで繋ぎたいとき。

設置場所

テンプレートやセクション内で `{{ array | join }}` または `{{ array | join: ', ' }}` の形で使用する。collection.all_tags や product.tags など配列型のオブジェクトに対して適用する。

注意点

デフォルト区切り文字はスペースであり、視認性が低くなるため、たいては `join: ', '` でカンマとスペースを明示的に指定することを推奨する。数値配列を結合する場合も文字列化され、その後の計算には向かないため注意する。

タグ:arraystringfilterjoinseparator

仕様

40 行 / json

{
  "category": "array",
  "deprecated": false,
  "deprecation_reason": "",
  "description": "",
  "parameters": [],
  "return_type": [
    {
      "type": "string",
      "name": "",
      "description": "",
      "array_value": ""
    }
  ],
  "examples": [
    {
      "name": "",
      "description": "",
      "syntax": "",
      "path": "/collections/sale-potions",
      "raw_liquid": "{{ collection.all_tags | join }}",
      "parameter": false,
      "display_type": "text",
      "show_data_tab": true
    },
    {
      "name": "Custom separator",
      "description": "You can specify a custom separator for the joined items.\n",
      "syntax": "array | join: string",
      "path": "/collections/sale-potions",
      "raw_liquid": "{{ collection.all_tags | join: ', ' }}",
      "parameter": true,
      "display_type": "text",
      "show_data_tab": true
    }
  ],
  "summary": "Combines all of the items in an array into a single string, separated by a space.",
  "syntax": "array | join",
  "name": "join"
}

出典・ライセンス

Source:: Shopify/theme-liquid-docs/data/filters.json
Repository:: https://github.com/Shopify/theme-liquid-docs
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

join フィルター（配列を文字列に結合）

仕様

出典・ライセンス

関連項目

avatar フィルター（顧客アバター画像HTML生成）

default_errors フィルター（フォーム送信エラーを日本語化）

date フィルター（日付を指定形式でフォーマット）

payment_terms フィルター（Shop Pay分割払いバナーを生成）

abs フィルター（数値の絶対値を取得）

append フィルター（文字列の末尾に追加）