Question

我有这样的数据结构（由normalizr生成）：

const data = fromJS({
  templates: {
    "83E51B08-5F55-4FA2-A2A0-99744AE7AAD3":
      {"uuid": "83E51B08-5F55-4FA2-A2A0-99744AE7AAD3", test: "bla"},
    "F16FB07B-EF7C-440C-9C21-F331FCA93439":
      {"uuid": "F16FB07B-EF7C-440C-9C21-F331FCA93439", test: "bla"}
  }
})

现在我尝试弄清楚如何在模板条目的键和值中替换UUID。基本上我如何归档以下输出：

const data = fromJS({
  templates: {
    "DBB0B4B0-565A-4066-88D3-3284803E0FD2":
      {"uuid": "DBB0B4B0-565A-4066-88D3-3284803E0FD2", test: "bla"},
    "D44FA349-048E-4006-A545-DBF49B1FA5AF":
      {"uuid": "D44FA349-048E-4006-A545-DBF49B1FA5AF", test: "bla"}
  }
})

一个好的候选人在我看来是.mapEntries()方法，但我正在努力使用它...

// this don't work ... :-(
const result = data.mapEntries((k, v) => {
  const newUUID = uuid.v4()
  return (newUUID, v.set('uuid', newUUID))
})

也许有人可以帮我一把？

Answer 1

mapEntries是正确的方法。从documentation，映射函数具有以下签名：

mapper: (entry: [K, V], index: number, iter: this) => [KM, VM]

这意味着第一个参数是作为[key，value]数组传入的条目。类似地，mapper函数的返回值应该是新键和新值的数组。所以你的mapper函数需要如下所示：

([k, v]) => {
  const newUUID = uuid.v4()
  return [newUUID, v.set('uuid', newUUID)]
}

这相当于以下（更明确的）函数：

(entry) => {
  const key = entry[0]; // note that key isn't actually used, so this isn't necessary
  const value = entry[1];
  const newUUID = uuid.v4()
  return [newUUID, value.set('uuid', newUUID)]
}

需要注意的一点是，模板嵌套在templates属性下，因此您无法直接映射数据 - 而是要使用update函数。

data.update('templates', templates => template.mapEntries(...)))

因此，将所有内容放在一起，您的解决方案应如下所示：

const result = data.update('templates', templates => 
  templates.mapEntries(([k, v]) => {
    const newUUID = uuid.v4()
    return [newUUID, v.set('uuid', newUUID)]
  })
);

如何更改不可变映射中的键？

1 个答案: