如何在 Javascript 的鍵值對中轉換嵌套的 Object

Question

我想通過編程來做到這一點

問題

  attributes: {
    allow: [ '0' ],
    create: [ '0' ],
    all: [ '0' ],
    rfid: [ '0' ],
}

我想要的是

  attributes: {
    allow:'0',
    create: '0',
    all:'0',
    rfid: '0',
}

Answer 1

功能方法：

您可以使用Object.entries將 object { a: 1, b: 2 }轉換為 arrays 數組（包含一對鍵和值[['a', 1], ['b', 2]] 。 然后，您可以使用Array#map對每個元素應用操作，並將數組的每個元素映射到操作的返回值。 在我們的例子中，我們實際上會有類似[['allow', ['0']],...]的東西，並希望將其 map 到[['allow', '0'],...] . 然后最后，我們使用Object.fromEntries撤消第一個操作以返回 object。

映射操作可以很簡單([k, [v]]) => [k, v] 。 使用解構，我們得到了一種表達方式來提取我們需要的值並返回它。

現在，由於整個事情似乎都在另一個 object 中，其中attributes作為鍵（我不知道是否還有其他鍵），我們將返回另一個這樣的 object 替換attributes並保留其他鍵：

function transform (object) {
  return {
    ...object,
    attributes: Object.fromEntries(
      Object.entries(object.attributes).map(([k, [v]]) => [k, v])
    )
  }
}

---

命令式方法：

這種方法更簡單，但會改變您的 object。 您可以遍歷attributes object 中的鍵，並將每個值替換為其自己的第一個數組元素，如下所示：

function transform (object) {
  for (const key in object.attributes) {
    object.attributes[key] = object.attributes[key][0]
  }
  
  return object
}