Twigの中でjavascriptの変数をkeyとして値を取得したい

Question

Twigの中でjavascriptの変数をkeyとして値を取得したいと思っています。

$array = array(
  1=>値1,
  2=>値2,
  3=>値3,
  );

例えば、上記の様な配列をphpからtwigに渡していた際に、
var result = "{{ array[1] }}" のようにすれば値が取れるのですが、このkeyをjsの変数で指定したいと思っています。

ただ、下記のようにすると、jsの変数が取れないため、resultが空になってしまいます。

var key = 1;
var result = "{{ array[key] }}"

一旦jsの変数に配列のまま渡してから、jsをkeyとして指定する方法も考えたのですが、下記のようにエラーになってしまうためいい方法が思いつきません。

Twig_Error_Runtime [ Error ]:
An exception has been thrown during the rendering of a template ("Array to string conversion").

どなたかご教授いただけると幸いです。

よろしくお願いいたします。

Answer 1

Twigのテンプレート（というよりはPHPそのもの）はjavascriptが動く前に動作が完了するので、javasriptの変数をTwigで使用するのは原理的に不可能です。

そのため、

var key = 1;
var result = "{{ array[key] }}"

は無理なので、arrayを先にjsonなりDOMなりを経由させてTwigでJavascriptが読めるデータを作ってあげてください。
参考

例えばこんな感じ

var data = {{ array|json_encode() }};
console.log(data);

でdataにtwigのarrayが代入されていることが確認できるかと思いますので、あとはdataをjavascriptで好きに扱えます。

Comments

[s_k]

ご教授いただいた方法で実装できました。

詳しく教えていただきありがとうございます。