如何更改不可变地图中的键？

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 函数的 return 值应该是新键和新值的数组。所以你的映射器函数需要看起来像这样：

([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)]
  })
);

如何更改不可变地图中的键？

How to alter keys in immutable map?

immutable.js

normalizr