将javascript字典附加到其他字典

我正在用MaterializeCSS创建一个应用程序。物化css具有自动完成js功能。您可以将数据传递到自动完成。我还有一个python flask后端，它以JSON形式返回python字典。Javascript在前端接收并解析JSON数据。我想知道是否有可能将JSON数据附加到预先制作的自动完成中。这是我的密码：

<script>
  //parse json data
  var datas = JSON.parse('{{ data | tojson | safe}}');
  console.log(datas)
  console.log(datas['Nick'])

    $('input.autocomplete').autocomplete({
          data: {
            'Apple': null,
            datas: null
          }
        });
    </script>

我曾尝试直接使用数据，通过数据字段而不是数据传递数据：但我没有运气。

---

我想在自动完成的数据字段中使用我的JSON数据，我将如何做到这一点？谢谢大家!

要附加对象，可以执行以下操作：

<script>
  var datas = JSON.parse('{{ data | tojson | safe}}');
  var newData = $.extend({'Apple':null}, datas);

  $('input.autocomplete').autocomplete({
      data: newData
  });
</script>

var datas=JSON.parse（{{data | tojson | safe}}'）；
var newData=$.extend（{'Apple'：null}，数据）；
$（'input.autocomplete'）.autocomplete({
数据：新数据
});

您正在使用哪个自动完成库？你想只在页面加载时添加JSON数据吗？@Rajan我正在使用materialize css autocomplete-在我的flask应用程序中，我传入JSON数据并将其转换为页面加载时的javascript dict。你想附加

{Apple'：null}

和

数据

仅在页面加载时正确吗？@Rajan基本上我只想在页面加载时的自动完成数据中显示我的JSON列表。请告诉我解决方案是否适用于您！谢谢，这正是我想要的！

<script>
  var datas = JSON.parse('{{ data | tojson | safe}}');
  var newData = $.extend({'Apple':null}, datas);

  $('input.autocomplete').autocomplete({
      data: newData
  });
</script>