将 属性 从字符串更新为 JavaScript 上的对象而不进行突变

Question

当遍历一个对象并更新它时，我觉得我做的不对。这是我为此构建的方法，我对 record[header] = {label: record[header]};

有疑问

有没有人有更好的解决方案来避免突变 records 数组？

setAfterRecords(preview: any): void {
    const { columns: headers } = preview;
    const { rows: records } = preview;

    records.map((record, i) => {
        headers.forEach(header => {
            record[header] = {
                label: record[header],
            };
        });

        return record;
    });

    this.after = { headers, records };
}

谢谢。

Answer 1

下面应该做的。它使用新的对象展开运算符（... on {}）。类似于 Object.assign()，但语法更简洁。

setAfterRecords(preview: any): void {
  const { columns: headers, rows: records } = preview;

  // Build a new array of records.
  const newRecords = records.map(record => {

    // Build a new record object, adding in each header.
    return headers.reduce((c, header) => {

      // This operation shallow-copies record from the initial value or
      // previous operation, adding in the header.
      return { ...c, [header]: { label: record[header] } }
    }, record)
  })

  this.after = { headers, records: newRecords };
}