如何在 Angular 中从 xml2js 访问 JSON 对象？

Question

我正在使用 xml2js 在 Angular 中将一些 xml 转换为 json，如下所示：

showData() {
    xml2js.parseString(this.xml, (err, result) => {
      this.text = result;
      console.log(this.text);
    })
  }

效果很好，我在控制台中获取了 JSON，但我无法弄清楚如何访问特定数据。 JSON 格式如下所示：

我想访问id、maxlength、name 和type 内的属性UIElement。我想 console.log 并使用这些属性中的值，但不知道该怎么做。

Answer 1

我首先要做的是将您的 UIElement 数组放入它自己的数组中。所以你会做这样的事情

const uiElmentArray = this.text['cm:property-placeholder']['cm:default-properties'][0]['UIInput'][0]['UIElement'];

/**
uiElementArray = [
    {$: {id: 'customerName', ...}},
    {$: {id: 'mm_test_aggregate.interval', ...}},
    ...
]
**/

您可以从那里映射内容以从数组中删除 $

const updatedArray = uiElementArray.map(uiElement => uiElement.$);

/**
updatedArray = [
    {id: 'customerName', ...},
    {id: 'mm_test_aggregate.interval', ...},
    ...
];
**/

从那里你可以循环显示你的元素

updatedArray.forEach(uiElement => {
   console.log(uiElment)
});

使最终代码看起来像这样：

showData() {
    xml2js.parseString(this.xml, (err, result) => {
      const uiElementArray = result['cm:property-placeholder']['cm:default-properties'][0]['UIInput'][0]['UIElement'];
      const updatedArray = uiElementArray.map(uiElement => uiElement.$);
      updatedArray.forEach(uiElement => {
          console.log(uiElment)
      });
    })
  }

可以浓缩成这样的东西

showData() {
    xml2js.parseString(this.xml, (err, result) => {
      this.myData = result['cm:property-placeholder']['cm:default-properties'][0]['UIInput'][0]['UIElement'].map(uiElement => uiElement.$);
    })
  }