JS重命名对象键，同时保留其在对象中的位置

我的javascript对象如下所示：

const someObj = {
  arr1: ["str1", "str2"],
  arr2: ["str3", "str4"]
}

在尝试重命名密钥(例如arr1)时，我最终删除了现有密钥并用原始值写入了一个新密钥。obj的顺序更改。

someObj = {
  arr2: ["str3", "str4"],
  renamedarr1: ["str1", "str2"]
}

如何在保留密钥顺序的同时重命名密钥？

---

解决方案

您可能需要考虑将键数组减少到一个新对象中。 为此，您还需要知道哪个键更改为什么。

1. 减少键数组
2. 使用检查密钥更改的减速器，并在必要时进行更改。
3. 将键添加到值为
的对象中

之后，您将拥有一个具有以前顺序的对象，并且更改的键可能仍然位于相同位置

这样的东西可能会起作用(未经过测试)

const changedKeyMap = {"previousKey": "newKey"};
const keys = Object.keys(this.state.obj);
const content = e.target.value;
const result = keys.reduce((acc, val) => {
    // modify key, if necessary
    if (!!changedKeyMap[val]) {
        val = changedKeyMap[val];
    }
    acc[val] = content;
    // or acc[val] = this.state.obj[val] ? 
    return acc;
}, {});

如您所见，您需要跟踪如何更改密钥(ChangedKeyMap)。 Reduce函数只是按照正确的顺序迭代所有键，并将它们添加到新创建的对象中。如果更改了密钥，您可以将其签入changedKeyMap并替换它。它仍将位于正确位置