如何将选定对象从一组对象推入一个对象数组

Question

我有这个对象，它有很多元素，比如数组中的几个其他对象。

有两个数组：

对象数组1：

里面是这样的：

子表单和部分

层次结构是：

[0]--
title
     |
     section [
             properties|
                       [[***target***]]
                                       |
                                       title
     ]
     subform [
             properties|
                       [[***target***]]
                                       |
                                       title
     ]
[1]--
     |
     section [
             properties|
                       [[***target***]]
                                       |
                                       title
     ]
     subform [
             properties|
                       [[***target***]]
                                       |
                                       title
     ]

我正在尝试做的是有选择地选择这样的标题：

我像这样实例化私有 obj：

private obj = {
  data: [{
    subform: '',
    section: '',
    field: ''
  }]
};

并运行 for/next 循环来填充 obj OBJECT

    for (let i = 0; i < this.dataTableJSON.length; i++) {
      this.obj.data[i].subform = this.dataTableJSON[i].subform.properties.title;
      this.obj.data[i].section = this.dataTableJSON[i].section.properties.title;
      this.obj.data[i].field = this.dataTableJSON[i].title;
    }

发生的情况是，它大约运行 1 次，然后返回“1”，并在错误控制台中显示：

无法设置未定义的属性“子表单”。

我寻求的结果就是这样：

private obj = {
  data: [{
    subform: 'Title 1',
    section: 'Section Title 1',
    field: 'Field Title 1'
  },{
    subform: 'Title 2',
    section: 'Section Title 2',
    field: 'Field Title 2'
  }]
};

为什么第二次就死了？这太简单了……我正在使用 TYPESCRIPT

DAI 更新：

戴，我 99% 都在那儿……

在实现代码的时候，我写了如下枚举。

export interface DataItem {
   subform: string;
   section: string;
   field: string;
};

export type ObjType = {
  data: DataItem[]
};

这是上面的导入

import {DataItem, ObjType} from '../../../services/datatables-integration-services/datatables-datatypes-enum';

在实际的 component.ts 文件中，我把这个：

 private readonly obj: ObjType = {
    data: []
 };

我按照你说的实现了 for/next 循环。

    for (let i = 0; i < this.dataTableJSON.length; i++) {

      const dataCopy: DataItem = {
        subform = this.dataTableJSON[i].subform.properties.title,
        section = this.dataTableJSON[i].section.properties.title,
        field   = this.dataTableJSON[i].title
      };

      this.obj.data[i] = dataCopy;
    }

以下是我遇到的错误，为了克服我需要更改的错误

这个

  subform = this.dataTableJSON[i].subform.properties.title,
  section = this.dataTableJSON[i].section.properties.title,
  field   = this.dataTableJSON[i].title

致此

  subform: this.dataTableJSON[i].subform.properties.title,
  section: this.dataTableJSON[i].section.properties.title,
  field: this.dataTableJSON[i].title

正在测试

而且它有效！呸！

谢谢戴！

DAI 更新：

我有一个小错误：

最终的 JSON 需要如下所示

  {
    "data": [
      {
        field: "Social Security number"
        required: true
        section: "Employee Information"
        subform: "Personal Information"
      },
      {
        field: "Country of issuance"
        required: true
        section: "Eligibility Information"
        subform: "Employment Eligibility"
      }
    ]
  }

抱歉，戴...再次感谢

Answer 1

改变这个：

    for (let i = 0; i < this.dataTableJSON.length; i++) {
      this.obj.data[i].subform = this.dataTableJSON[i].subform.properties.title;
      this.obj.data[i].section = this.dataTableJSON[i].section.properties.title;
      this.obj.data[i].field = this.dataTableJSON[i].title;
    }

到这里：

    // Put these `type` declarations somewhere appropriate in your codebase:

    interface DataItem = {
        subform: string;
        section: string;
        field  : string;  
    };

    type ObjType = {
        data: DataItem[]
    };

    // Change your `obj` member to this:
    private readonly obj: ObjType = {
        data: []
    };

    // And change your for loop to this:
    for (let i = 0; i < this.dataTableJSON.length; i++) {
        
        const dataCopy : DataItem = {
            subform: this.dataTableJSON[i].subform.properties.title,
            section: this.dataTableJSON[i].section.properties.title,
            field  : this.dataTableJSON[i].title;
        };

        this.obj.data[i] = dataCopy;
    }

您也可以这样做（这在语法上更短，但隐藏了类型信息，这可能会使刚接触 TypeScript 和 JavaScript 的人感到困惑，他们可能不明白发生了什么）：

    for (let i = 0; i < this.dataTableJSON.length; i++) {
        
        this.obj.data[i] = {
            subform: this.dataTableJSON[i].subform.properties.title,
            section: this.dataTableJSON[i].section.properties.title,
            field  : this.dataTableJSON[i].title;
        };
    }

这在语法上可以简化为：

    for (let i = 0; i < this.dataTableJSON.length; i++) {
        const d = this.dataTableJSON[i];
        this.obj.data[i] = {
            subform: d.subform.properties.title,
            section: d.section.properties.title,
            field  : d.title;
        };
    }