在 reduce 中设置对象中一个特定键的属性是为所有属性设置它

Question

好吧，我真的不知道这里发生了什么。我假设它是某种参考问题？但我不知道如何解决它或导致它的原因。

总而言之，我有一个对象列表，以及一个预先填充的对象，以确保我拥有该对象中所有键的数据。

我需要遍历这个对象列表，并通过使用元数据对象中的 timeframeId 和数据对象中的 id，我想将整个数据对象分配给预填充对象中相应的 timeframeId 和 id 层次结构。

出于某种原因，所有data属性都被覆盖到最后一行data。

但是我的代码如下：

const buildSegmentsFromRows = (rows, timeframeMetadata, defaultSegmentData) => {

  // Prepopulate object to make sure every timeframe has a 'hello' key in it with some data

  const emptySegments = timeframeMetadata.reduce((segmentMap, metadata) => {

    segmentMap[metadata.timeframeId] = {

      metadata,

      segments: defaultSegmentData,

    };

    return segmentMap;

  }, {});

  // Now simply just loop over the rows, and set [row.metadata.timeframeId].segments[row.data.id] to row.data

  const segments = rows.reduce((partialSegments, row) => {

    const { timeframeId } = row.metadata;

    const { id } = row.data;

    /**

     * This is the line where everything goes wrong

     */

    partialSegments[timeframeId].segments[id] = row.data;

    return partialSegments;

  }, emptySegments);

  return segments;

};

const rows = [

  {

    metadata: { timeframeId: '20202_01' },

    data: {

      'id': 'hello', 'value': 15

    }

  },

  {

    metadata: { timeframeId: '20202_02' },

    data: {

      'id': 'hello', 'value': 10

    }

  }

]

const timeframemetadata = [

  { timeframeId: '20202_01'},

  { timeframeId: '20202_02'}

]

const defaultSegmentData = {

  'hello': {

    'id': 'hello',

  }

}

console.log(JSON.stringify(buildSegmentsFromRows(rows, timeframemetadata, defaultSegmentData), null, 2))

但是相反，在所有情况下value都设置为。10我在想这是因为我们将属性设置为row.data，这是一个参考，并且在每次调用时都会更新？但我在这里完全不知所措。

Answer 1

问题是您指的是segments列表中的每个对象都是同一个对象。因此，更改 的值segments[id]将更新defaultSegmentData，导致对的每个引用defaultSegmentData也发生变化。  const emptySegments = timeframeMetadata.reduce((segmentMap, metadata) => {    segmentMap[metadata.timeframeId] = {      metadata,      segments: defaultSegmentData, // Everything goes wrong here.    };    return segmentMap;  }, {});此问题的一个简单解决方案是避免在创建时使用对对象的相同引用segmentMap：  const emptySegments = timeframeMetadata.reduce((segmentMap, metadata) => {    segmentMap[metadata.timeframeId] = {      metadata,      /** Or whatever default value you want.       *   Just make sure to create a new instance of it for each call.      */      segments: {},    };    return segmentMap;  }, {});