Question

所以我试图获取这两段数据

const headers = [
      { label: 'Item/Passage', key: 'objectType' },
      { label: 'Constraint Type', key: 'constraintType' },
      { label: 'Constraint Name', key: 'description' },
      { label: 'Lower', key: 'lowerBound' },
      { label: 'Upper', key: 'upperBound' },
      { label: 'Target Attribute', key: 'attributeName' },
      { label: 'Theta', key: 'referenceValue' },
      { label: 'Form/Passage', key: 'scope' },
      { label: 'Filter', key: 'filters' },
      { label: 'Filter values', key: 'filterValues' },
      { label: 'Min', key: 'min' },
      { label: 'Max', key: 'max' },
    ];

const array = [
  {
    "objectType": "Item",
    "constraintType": "Include",
    "description": "constraint1",
    "lowerBound": "1",
    "filters": [
      {
        "attributeName": "Item Identifier",
        "values": "I105_15201|I105_15202",
        "valueLowerBound": null,
        "valueUpperBound": null
      },
      {
        "attributeName": "Passage Item Order",
        "values": "5|1|3|4|6|7|8|9|10|11|12|13|14|15|16|None",
        "valueLowerBound": null,
        "valueUpperBound": null
      }
    ],
    "upperBound": "4",
    "attributeName": null,
    "referenceValue": "",
    "scope": null
  },
  {
    "objectType": "Passage",
    "constraintType": "Include",
    "description": "constraint2",
    "lowerBound": "1",
    "filters": [
      {
        "attributeName": "Passage Identifier",
        "values": "pid_1-1|pid_10-1|pid_2-1|pid_4-1|pid_5-1|pid_7-1|pid_8-1|pid_9-1",
        "valueLowerBound": null,
        "valueUpperBound": null
      },
      {
        "attributeName": "Word Count",
        "values": "",
        "valueLowerBound": 3,
        "valueUpperBound": 234
      }
    ],
    "upperBound": "4",
    "attributeName": null,
    "referenceValue": "",
    "scope": null
  },
  {
    "objectType": "Item",
    "constraintType": "Include",
    "description": "constraint3",
    "filters": [],
    "lowerBound": "1",
    "upperBound": "4",
    "attributeName": null,
    "referenceValue": "",
    "scope": null
  }
]

并生成一个如下所示的csv文件

基本上，我从标头数组中获取标签值，创建标头，然后将每个约束放在自己的行上。如果约束条件具有过滤器，则会创建另一行，并将值放在最后四列内。例如，约束1和2有两个过滤器，约束3没有任何过滤器。

我已经可以使用以下代码完成操作，但是觉得它不是一个非常稳定的实现。寻找有关如何实施此建议。谢谢！

这是我已经能够创建的字符串的副本

toCsv -> csv Item/Passage,Constraint Type,Constraint Name,Lower,Upper,Target Attribute,Theta,Form/Passage,Filter,Filter values,Min,Max
Item,Include,constraint1,1,4,,,
,,,,,,,,Item Identifier,I105_15201|I105_15202,,
,,,,,,,,Passage Item Order,5|1|3|4|6|7|8|9|10|11|12|13|14|15|16|None,,
Passage,Include,constraint2,1,4,,,
,,,,,,,,Passage Identifier,pid_1-1|pid_10-1|pid_2-1|pid_4-1|pid_5-1|pid_7-1|pid_8-1|pid_9-1,,
,,,,,,,,Word Count,,3,234
Item,Include,constraint3,1,4,,,

export const toCsv = (array, headers) => {
  const getValuesFromObject = (obj) => {
    if (typeof obj !== 'object' || obj === null) {
      return [];
    }

    const headerKeys = Object.keys(headers);
    const keys = Object.keys(obj);
    const values = [];
    const filterValues = [];

    for (var i = 0; i < keys.length; ++i) {
      if (Array.isArray(obj[keys[i]])) {
        obj[keys[i]].map((filterObj) => {
          filterValues.push(',,,,,,,,' + Object.values(filterObj)); // this part bothers me the most. I use it to create empty cells for the filter rows.
        });
      } else {
        values.push(obj[keys[i]]);
      }
    }
    return [].concat([values]).concat(filterValues).join('\n');
  };

  const csvHeaders = headers.map((obj) => obj.label).join(',');
  const body = array.map(getValuesFromObject);
  let csv = [].concat([csvHeaders]).concat(body).join('\n');
  return csv;
};

Answer 1

您可以对对象，它们的过滤器进行一次循环，并迭代键。

const
    toCsv = (array, headers) => {
        const getValuesFromObject = o => !o || typeof o !== 'object'
            ? []
            : [
                headers.map(({ key }) => key !== 'filters' && o[key] || '').join(),
                ...o.filters.map(q => headers.map(({ key }) => q[key] || '').join())
            ];

        return [
            headers.map((obj) => obj.label).join(','),
            ...array.flatMap(getValuesFromObject)
        ].join('\n');
    },
    headers = [{ label: 'Item/Passage', key: 'objectType' }, { label: 'Constraint Type', key: 'constraintType' }, { label: 'Constraint Name', key: 'description' }, { label: 'Lower', key: 'lowerBound' }, { label: 'Upper', key: 'upperBound' }, { label: 'Target Attribute', key: 'attributeName' }, { label: 'Theta', key: 'referenceValue' }, { label: 'Form/Passage', key: 'scope' }, { label: 'Filter', key: 'filters' }, { label: 'Filter values', key: 'values' }, { label: 'Min', key: 'valueLowerBound' }, { label: 'Max', key: 'valueUpperBound' }],
    array = [{ objectType: "Item", constraintType: "Include", description: "constraint1", lowerBound: "1", filters: [{ attributeName: "Item Identifier", values: "I105_15201|I105_15202", valueLowerBound: null, valueUpperBound: null }, { attributeName: "Passage Item Order", values: "5|1|3|4|6|7|8|9|10|11|12|13|14|15|16|None", valueLowerBound: null, valueUpperBound: null }], upperBound: "4", attributeName: null, referenceValue: "", scope: null }, { objectType: "Passage", constraintType: "Include", description: "constraint2", lowerBound: "1", filters: [{ attributeName: "Passage Identifier", values: "pid_1-1|pid_10-1|pid_2-1|pid_4-1|pid_5-1|pid_7-1|pid_8-1|pid_9-1", valueLowerBound: null, valueUpperBound: null }, { attributeName: "Word Count", values: "", valueLowerBound: 3, valueUpperBound: 234 }], upperBound: "4", attributeName: null, referenceValue: "", scope: null }, { objectType: "Item", constraintType: "Include", description: "constraint3", filters: [], lowerBound: "1", upperBound: "4", attributeName: null, referenceValue: "", scope: null }],
    result = toCsv(array, headers);
    
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

使用对象嵌套Javascript从对象数组创建csv

1 个答案: