javascript - 在 JavaScript 上将属性从字符串更新为对象而不发生突变

Question

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

有疑问

有人有更好的解决方案来避免突变记录数组吗？

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 };
}