javascript - twig で JSON オブジェクトを読み取る

Question

JSON オブジェクトからデータを取得しようとしていますが、うまくいきません。

これは、JSON オブジェクト (Twigこのプロジェクトで使用したもの) を作成し、後でそれに到達して値を取得しようとする方法です。

<script>
    let data = [
        {% for entry in markers %}
        {"name": "{{ entry.title }}", "address": "{{ entry.address.address }}", "lat": "{{ entry.address.lat }}", "lng": "{{ entry.address.lng }}"},
        {% endfor %}
    ];
    let json = JSON.parse(data); //it already goes wrong here.
    alert(json.name);
</script>

これは私のオブジェクトがどのように見えるかです:

(6) [{…}, {…}, {…}, {…}, {…}, {…}]
0:
address: "Tilburg, Nederland"
lat: "51.56059600"
lng: "5.09191430"
name: "Tilburg"
__proto__: Object
1:
address: "Amsterdam, Nederland"
lat: "52.36798430"
lng: "4.90356140"
name: "Amsterdam"
__proto__: Object
2:
address: "Eindhoven, Nederland"
lat: "51.44164200"
lng: "5.46972250"
name: "eindhoven"
__proto__: Object
3:
address: "Drenthe, Nederland"
lat: "52.94760120"
lng: "6.62305860"
name: "drenthe"
__proto__: Object
4:
address: "Limburg, Nederland"
lat: "51.44272380"
lng: "6.06087260"
name: "limburg"
__proto__: Object
5:
address: "Arnhem, Nederland"
lat: "51.98510340"
lng: "5.89872960"
name: "test"
__proto__: Object
length: 6
__proto__: Array(0)

私のエラーは、オブジェクトを作成する部分にあると思います。しかし、私は何を間違えたのかわかりません。

---

編集：エラーメッセージを追加するのを忘れました。これは、コンソールがクロムで教えてくれるものです：

VM9133:1 Uncaught SyntaxError: マップ:63 (匿名) @ マップ:63 の JSON.parse () の位置 1 にある JSON の予期しないトークン o