Guides
Start typing to search…

動的JSON

Retoolでobject型の入力が想定されている領域では、オブジェクトを指定するためにJSONのスーパーセットを使用することができます。以下に、機能する式の例をいくつか紹介します。

式

評価

通常のES5 JSON

  • 一重引用符を使用することができます。
  • キーを二重引用符で囲む必要はありません。
  • 末尾にコンマを使用することができます。
  • 1行および複数行のコメントを記述することができます。
'a string'
"a string"
1023.24
1023.24
{ a: 1 }
{ "a": 1 }
{
  // ユーザー名
  name: 'Sarah',
  age: 24,
  roles: [ /* list of roles user owns */
    { id: 1, name: 'engineer' },
    { id: 2, name: 'admin' },
  ],
}
{
  "name": "Sarah",
  "age": 24,
  "roles": [
    { "id": 1, "name": "engineer" },
    { "id": 2, "name": "admin" }
  ]
}

{{ }}を用いた動的なプロパティ

javascript
{
  name: {{ true ? 'Mary' : 'Chris' }},
  description:
    "Owns {{ 2 }}  {{ 'films' }}",
  owned_films: {{
    ['Jaws', 'Star Wars' ]
  }},
  metadata: {{ { a: 1, b: 2, c: [] } }},

}
json
{
  "name": "Mary",
  "description": "Owns 2 films",
  "owned_films": [
    "Jaws",
    "Star Wars",
  ],
  "metadata": {
    "a": 1,
    "b": 2,
    "c": []
  }
}

オブジェクトにプロパティを動的に追加する

javascript
{
  shouldShow: {{ true ? 'Hi' : undefined }},
  shouldHide: {{ false ? 'Hi' : undefined }},
}
json
{
  "shouldShow": "Hi"
}

Updated 30 days ago